css - Bootstrap 列动态

Question

我在使用列时遇到了一些问题。我应该有 5 列用于 md 和更大的设备，4 列用于 sm，3 列用于 xs。问题是，在大屏幕上，我所有的列都在屏幕的左侧。我一直在检查我的代码，但无法找出为什么会这样。

现在是这样的:

基本上我希望它是这样的，并且最好在每一列中居中(没有单词相互堆叠):

Answer 1

我不确定你的代码是什么，但我会这样写: 注意:如果你想让列均匀，你需要做 12 的除法。除非您在任一侧都有偏移量，否则 5 个偶数列实际上不起作用。

<div class="container-fluid">
    <div class="row">
        <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
        <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
        <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
        <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
        <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div>
    </div>
</div>

我希望这能回答您的问题，如果您还需要我补充或澄清任何内容，请告诉我。