Twitter bootstrap 3 bootstrap 3网格问题-小型列覆盖中型或大型列

我对引导网格有问题。我尝试在中屏幕上创建（3）个四列div，在小屏幕上我尝试创建六列div，它们偏移了3列，所以它们居中。在特别小的屏幕上有12列。看起来我已经做了一百万次了…但是在中型或更大的平台上，他们使用.sm类进行叠加…不确定发生了什么

col-xs-12 col-sm-6 col-sm-offset-3 col-md-4
col-xs-12 col-sm-6 col-sm-offset-3 col-md-4
col-xs-12 col-sm-6 col-sm-offset-3 col-md-4

你的帖子有点让人困惑，但我会尽力帮助你

您的第一个问题是使用.col offset-不正确，这会妨碍您的列正常运行（请在此处阅读有关偏移的更多信息：）

您的第二个问题是使用.col-sm-6三次

在引导网格系统中，列类必须始终等于12（因为它是12列网格）。三次使用.col-sm-6等于18（不是12），因此引导将把第三个.col-sm-6列推到其他列的下面

此外，请始终在.row周围包裹一个.container或.container流体，否则您将在以后遇到问题，如水平滚动

最后，要使div在sm和xs上居中，只需使用.col-xs-12，然后div将居中（100%宽度），直到它们到达.col md-断点，然后它们将成为.col-md-4（3列，因为4分为12次）：

第1栏
第2栏
第3栏

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-md-4">Column 1</div>
    <div class="col-xs-12 col-md-4">Column 2</div>
    <div class="col-xs-12 col-md-4">Column 3</div>
  </div>
</div>