почему не работает col, когда col-sm и col-md и т.д. работают просто отлично?

#css #mobile #twitter-bootstrap-3 #responsive-design

#css #Мобильный #twitter-bootstrap-3 #адаптивный дизайн

Вопрос:

На этой странице http://phglass.cl/tienda/vista/carrito.php (после добавления продукта) Я использую настраиваемый загрузчик с этой страницы:https://getbootstrap.com/docs/3.4/customize там, где я выбрал только «сеточную систему», все, что с col-sm-2 или выше, работает, но когда я пробую col-2, оно отображается только во всю ширину, что я могу сделать, чтобы это исправить?

 <div class="col-md-6 col-sm-2 col-2">

Решаемая: для начальной загрузки 3 я должен использовать col-xs-2 вместо col-2

1. Что показывает ваше окно проверки в отношении CSS, которое может переопределять bootstrap?

2. есть div {display:block} ?

3. @IsabelNava Нам понадобится дополнительная информация здесь, чтобы помочь вам … можете ли вы повторить проблему с помощью jsfiddle? или покажите нам, как выглядит консоль.

4. jsfiddle.net/Lnjuc5qt что-то вроде этого

5. в boostrap3 нет col-2, вы, вероятно, ищете col-xs-2

Ответ №1:

Сначала попробуйте использовать Boostrap 4

 <div class="container">
 <div class="row">
   <div class="col-12 col-md-8">.col-12 .col-md-8</div>
   <div class="col-6 col-md-4">.col-6 .col-md-4</div>
 </div>
</div>

Это пример из Boostrap. Помните, что вам нужно импортировать библиотеку