@KristinaL

Как расположить блоки в bootstrap?

Начала работать с Bootstrap. Нужно сделать 2 колонки рядом. Первая - сайдбар, колонка фиксированная, размер 315px. А второй колонкой хочу сделать div c class="container-fluid".
Пыталась задать сайдбару float:left и тоже самое для div c class="container-fluid". Но вторая колонка схлопывается и размер явно не 100%.
Помогите разместить правильно блоки. Очень надо.
Вот коротенький код

<!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>
  • Вопрос задан
  • 1735 просмотров
Пригласить эксперта
Ответы на вопрос 1
HelenaS
@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>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы