How to position blocks in bootstrap?

K

KristinaL2016-02-03 18:06:28

css

KristinaL, 2016-02-03 18:06:28

Started working with Bootstrap. You need to make 2 columns side by side. The first is the sidebar, fixed column, size 315px. And I want to make the second column div with class="container-fluid".
Tried to set the sidebar to float:left and the same for the div with class="container-fluid". But the second column collapses and the size is obviously not 100%.
Help to place the blocks correctly. Really needed.
Here is a short code

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Bootstrap</title>
   <link href="less/main.css" rel="stylesheet/less" >
 </head>

 <body>
    <main>
        <aside class="navigation"></aside>
         <div class="container-fluid"></div>
    </main>
</body>
</html>

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

H

HelenaS, 2016-02-03
@HelenaS

<body>
    <div class="container">
        <div class="row">
             <div class="col-md-4"><!---например--->
                 <aside class="navigation"></aside>
             </div>
              <div class="col-md-8">
             <div class="contaiten-fluid">
                  <div class="row"> и т.д.
             </div>
            </div>
         </div>
    </div>
</body>