В Bootstrap 5 вы можете задать ширину классу с помощью включения класса col-{breakpoint}-{size} в элемент. Для обозначения ширины в 50% на широких экранах (class lg) вы можете использовать следующий класс: col-lg-6.
В рамках Bootstrap 5 сетки, все ширины определяются в виде 12-колоночной сетки (12-column grid). Каждый родительский контейнер делится на 12 равных колонок. Вы можете выбрать нужную ширину, указывая количество колонок, которые займет элемент.
В данном случае мы выбираем 6 колонок для lg (широкие экраны), что составляет 50% от всей ширины родительского контейнера.
Пример использования класса col-lg-6:
<div class="container">
<div class="row">
<div class="col-lg-6">
<!-- Ваш контент здесь -->
</div>
</div>
</div>
В этом примере, элемент будет занимать 50% от ширины родительского контейнера на широких экранах (с шириной от lg и выше) и будет автоматически подстраиваться под остальные разрешения.