@daniil14056

Bootstrap col-xs-* не работает?

Почему не работают col-xs-6 на экранах телефонов, все блоки друг за другом,
<div class="container">
    <div class="row">
        <div class=col-xs-6 col-sm-4 col-md-3 col-lg-2 col-m">Block 1 1</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 2</div>
        <div class="col-xs-6 col-sm-4 col-md-3  col-lg-2 col-m">Block 1 3</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 4</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 4</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 4</div>
    </div>
</div>

А вот если добавить еще "col-6" Block 1 1 то заработает, тогда зачем нужен col-xs? Да даже примеры с офиц сайта bootstrap не работают
  • Вопрос задан
  • 2222 просмотра
Пригласить эксперта
Ответы на вопрос 3
@koanvl
В Bootstrap 4 нет col-xs-* (Пруф)
Ответ написан
Комментировать
@Arik
col-xs-* до 4 версии было, с 4 версии col-*
Ответ написан
qork
@qork
{ background: #F00B42 }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы