Как сделать сайдбар в bootstrap?

Пользователь

от akeem , в категории: HTML/CSS , 8 месяцев назад

Как сделать сайдбар в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от cloyd , 8 месяцев назад

@akeem 

Для создания сайдбара в Bootstrap можно использовать классы col и row:

1
2
3
4
5
6
7
8
<div class="row">
  <div class="col-sm-3">
    <!-- сайдбар -->
  </div>
  <div class="col-sm-9">
    <!-- основной контент -->
  </div>
</div>


Для задания ширины сайдбара можно использовать значение sm, md, lg или xl. Например, col-sm-3 означает, что ширина сайдбара будет равна 3 из 12 частей для устройств с маленьким разрешением.