Чтобы установить ширину одного столбца в Bootstrap 5, вы можете использовать несколько методов. Вот некоторые из них:

1. Использование системы сетки: Bootstrap 5 предоставляет гибкую систему сетки, которая позволяет разделить страницу на 12 столбцов одинаковой ширины. Чтобы установить ширину одного столбца, вы можете назначить класс элементу столбца и указать желаемую ширину с помощью CSS. Например, если вы хотите, чтобы столбец занимал 50 % ширины контейнера, вы можете применить к элементу столбца класс «col-6».

<div class="container">
  <div class="row">
    <div class="col-6">This column occupies 50% of the container width.</div>
    <div class="col-6">This column also occupies 50% of the container width.</div>
  </div>
</div>

1. Использование пользовательского CSS. Если вам нужна большая гибкость и контроль над шириной столбца, вы можете определить собственные правила CSS для установки ширины столбца. Вы можете настроить таргетинг на конкретный элемент столбца, используя его класс или идентификатор, а затем соответствующим образом установить свойство ширины. Например:

<div class="container">
  <div class="row">
    <div class="custom-column">This column has a custom width.</div>
  </div>
</div>
<style>
.custom-column {
  width: 300px;
}
</style>

3. Использование служебных классов: Bootstrap 5 предоставляет ряд служебных классов, которые можно использовать для установки ширины элементов. Вы можете применить эти классы непосредственно к элементу столбца, чтобы добиться желаемой ширины. Например, вы можете использовать такие классы, как «w-25» (ширина 25 %), «w-50» (ширина 50 %) или «w-75» (ширина 75 %).

<div class="container">
  <div class="row">
    <div class="col w-50">This column occupies 50% of the container width.</div>
  </div>
</div>