Как сделать 5 колонок в bootstrap?

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

от adrien.waters , в категории: HTML/CSS , 2 года назад

Как сделать 5 колонок в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от keyon.brown , 2 года назад

@adrien.waters 

Используйте класс .col-sm-2 для каждой колонки, чтобы сделать их ширину по 2 из 12 частей экрана:

1
2
3
4
5
6
7
<div class="row">
  <div class="col-sm-2">Column 1</div>
  <div class="col-sm-2">Column 2</div>
  <div class="col-sm-2">Column 3</div>
  <div class="col-sm-2">Column 4</div>
  <div class="col-sm-2">Column 5</div>
</div>


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

от amber_moore , год назад

@adrien.waters 

В коде выше использован класс .row для создания строки и .col-sm-2 для определения ширины каждой колонки. Здесь каждая колонка занимает 2 из 12 доступных колонок на экране ширины Small (sm) или больше.