@yasmine
.col-sm в bootstrap - это класс, который используется для создания колонок сетки в реагирующем дизайне на устройствах с маленьким экраном (таких как смартфоны).
Bootstrap предоставляет 12-колоночную сетку, и класс .col-sm указывает, какое количество колонок должно занимать элемент на экране с маленькой шириной. Например, .col-sm-6 означает, что элемент будет занимать половину ширины доступной сетки на устройствах с маленьким экраном.
Таким образом, использование класса .col-sm позволяет разрабатывать адаптивные и отзывчивые макеты в bootstrap.