为什么Bootstrap将最后一列移动到下一行？

Question

鉴于以下代码没有附加到表的css，没有修改row类：

<div class="row">
    <div class="itemGrid">
        <div class="col-xs-1"></div>
        <div class="col">
            <table>
                ... 4 TD columns, 4 tr rows, no content of fixed widths
            </table>
        </div>
        <div class="col-xs-1"></div>
    </div>
</div>

.itemGrid的样式：

.itemGrid{
    text-align: center;
}

第三列（<div class="col-xs-1"></div>）被推送到下一行，就像我指定了太多列而不管视口宽度如何。这是为什么？

Answer 1

这是因为您的第二列JLabel未指定。试试例如：

.col