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

@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>

@nicola 

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