Как в bootstrap 5 сделать 100% ширину в мобильной верссии для 2 блоков в одном строке?

Question

[Adil1603]

В обычном размере блоки занимают по 6 частей строки,а в мобильной версии надо чтобы по 12 частей занимали.
Я прописываю для этих блоков класс col-md-12, (надо чтобы до 768px экрана были во всю ширину блоки, знаю что md это больше 768), пробую col-sm-12 но блоки стали широкими на всех экранах.
Как мне сделать, чтобы на мобильных экранах был на всю ширину, а в версии для ПК был в половину ширины?

Comments

[Владислав Лысков]

ну и пиши col-12 col-md-6

[Dmitry Bay]

только col-12 не надо

col-xs-6 col-sm-12 - достаточно.

[Владислав Лысков]

Dmitry Bay, почему?
https://getbootstrap.com/docs/5.0/layout/grid/#gri...
см. class prefix

[Adil1603]

Владислав Лысков, оказалось надо просто написать col-lg

[Dmitry Bay]

Владислав Лысков, я чуть перепутал , сначала sm потом xs

col-X используется для общего разделения блоков.