Css 如何在引导中使用col-sm-6响应3项？

我创建了一个包含3列的价格表

我的代码如下：

<div class="container">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6">
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6">
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6">
        </div>
    </div>
</div>

使用

col-xx-4

是完美的工作方式。只有在

col-sm-4

，我的页面才被破坏。比如：

我决定使用

col-sm-6

，它显示如下：

看起来不错。但是在最后一项中，它应该位于中央屏幕和

页边距顶部：15px

，看起来很漂亮

我不知道怎么做。有什么方法可以解决我的问题吗？

尝试使用偏移量

<div class="container">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6">
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6">
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-sm-offset-3">
        </div>
    </div>
</div>

引导列的问题在于无法使列的高度相等。我建议您使用

flex

。

它应该在

col-sm

工作，而不是

col-lg

和

col-md

@maksh。它在Ipad（768px）中工作。但是在我的电脑上（1366px-1920px）。它像这样破碎了。我认为

col-sm-offset-3

只适用于

.col-sm-

，但这似乎同时适用于

.col-md-

和

.col-lg-

。我不想要这个。你是对的，它类似于

col-sm-6

，例如，它也适用于

md

和

lg

。为了在更大的屏幕上重置偏移量，除了div外，还必须使用

col-md-offset-0

。