Как зафиксировать ширину колонки в bootstrap 4?

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

от nicola , в категории: HTML/CSS , год назад

Как зафиксировать ширину колонки в bootstrap 4?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@nicola 

Чтобы зафиксировать ширину колонки в Bootstrap 4, можно использовать классы grid. В Bootstrap 4 для задания ширины колонок используется система сетки на 12 колонок.


Например, если вы хотите, чтобы ваша колонка занимала 6 из 12 доступных колонок, вы можете использовать класс col-6:

1
2
3
4
5
6
7
8
<div class="row">
  <div class="col-6">
    Содержимое колонки
  </div>
  <div class="col-6">
    Содержимое колонки
  </div>
</div>


Вы также можете указать разные ширины для разных размеров экрана, используя классы, такие как col-sm-4, col-md-8, col-lg-6, и т.д. Например:

1
2
3
4
5
6
7
8
<div class="row">
  <div class="col-sm-4 col-md-8 col-lg-6">
    Содержимое колонки
  </div>
  <div class="col-sm-8 col-md-4 col-lg-6">
    Содержимое колонки
  </div>
</div>


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

от amber_moore , 3 месяца назад

@nicola 

Таким образом, используя классы grid в Bootstrap 4, вы можете легко зафиксировать ширину колонок, указав соответствующий класс col-* или комбинацию классов col--, в зависимости от нужных размеров экрана.