twitter-bootstrap - Bootstrap : why are my column not taking the full width but the last goes on different line?

Question

为什么我的列没有占满宽度，但最后一个列在不同的行上？

抱歉，伙计们刚刚意识到他们有利润。认为它像 flexbox 一样工作

谢谢!!

Answer 1

删除缩略图的边距并制作一个具有填充的内部 div。

所以基本上从列 div 中删除缩略图类并将缩略图 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;
}

或者类似的东西(在我的手机上)