Bootstrap: почему мой столбец занимает не всю ширину, а последний находится в другой строке?

#twitter-bootstrap #css #css-float

#twitter-bootstrap #css #css-float

Вопрос:

почему мой столбец занимает не всю ширину, а последний находится в другой строке?

введите описание изображения здесь

введите описание изображения здесь

извините, ребята, только что поняли, что у них были поля на них. Думал, что это работает как flexbox

введите описание изображения здесь

Спасибо!!

Комментарии:

1. Где ваш css? Каковы значения класса thumbnail-1/2 ?

2. Можете ли вы показать CSS классов миниатюр?

3. извините, ребята, только что поняли, что у них были поля на них. Думал, что это работает как flexbox

Ответ №1:

Удалите поля из миниатюры и создайте внутренний div с заполнением.

Итак, в основном удалите классы миниатюр из разделов столбцов и добавьте разделы миниатюр в качестве дочерних. Затем измените margin css на padding

Из-за поля он переходит на следующую строку

HTML будет выглядеть примерно так

 <div class="col-xs-2">
        <div class="thubmail-1">
                   Content
        </div>
 </div>
  

И css

 .thubmail-1{
    background-color: green;
    padding: 5px;
    color: white;
}
  

Или что-то в этом роде (на моем телефоне)