В Bootstrap 3 для вёртки для мобильных устройств можно было использовать .col-xs-1, а что использовать вместо этого в Bootstrap 5?

Question

[Nentra]

Bootstrap 3

<div class="container">
    <div class="row">
        <div class="col-xs-1 col-sm-1 col-md-1">Колонка 1</div>
        <div class="col-xs-9 col-sm-9 col-md-9">Колонка 2</div>
        <div class="col-xs-2 col-sm-2 col-md-2">Колонка 3</div>
    </div>
</div>

Как сверстать это на Bootstrap 5?
То есть в Bootstrap 5 нет возможности пользоваться классом col-xs-1 - чем его заменили?

Comments

[Антон]

<div class="container">
    <div class="row">
        <div class="col-1 col-sm-1 col-md-1">Колонка 1</div>
        <div class="col-9 col-sm-9 col-md-9">Колонка 2</div>
        <div class="col-2 col-sm-2 col-md-2">Колонка 3</div>
    </div>
</div>

по умолчанию все колонки ведут себя как xs

Answer 1

[Алексей Голягин]

col-xs-1 = col-1. См. параметры сетки bootstrap 5.