Bootstrap col-sm-6 класс не работает на мобильных устройствах

Question

Я помещаю продукты из таблицы sql в <div class="col-sm-6 col-md-6 col-lg-3 col-xl-3 main_item_div mt-4 mb-4"> деления.

Моя проблема в том, что когда я смотрю на свою страницу на мобильном телефоне, класс col-sm-6 не работает, продукты всегда находятся друг под другом, а не на 2 делителя рядом друг с другом.

Вы можете посмотреть на моем сайте по этой ссылке

Эти деления находятся под заголовком "Újdonságok, akciós termékek".

Спасибо!

Answer 1

Добрый день!

<div class="col-6 col-lg-3 main_item_div mt-4 mb-4"></div>

col-sm Стили применяются для области просмотра ≥ 576 пикселей, поэтому в этом случае следует использовать col. Кроме того, вам не нужны классы col-lg-3 и col-xl-3, потому что bootstrap медиазапросы на основе min-width - поэтому оставляйте только col-lg-3 для больших дисплеев.