Html 引导中的偏移列

这就是我想做的事情：

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2"></div>
        <div class="col-sm-4"></div>
        <div class="col-sm-4"></div>
        <div class="col-sm-2"></div>
    </div>
</div>

---

如何使用偏移量？

在引导程序3中，如下所示

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-4 col-sm-offset-2"></div>
        <div class="col-sm-4"></div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-4 offset-sm-2"></div>
        <div class="col-sm-4"></div>
    </div>
</div>

在引导程序4中，如下

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-4 col-sm-offset-2"></div>
        <div class="col-sm-4"></div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-4 offset-sm-2"></div>
        <div class="col-sm-4"></div>
    </div>
</div>

---

偏移量的工作原理类似于一个空白列，将保留在您的列之前。例如，如果你想要一个将有一半屏幕大小并且正好在中间的列，你必须这样做：

<div class="col-sm-6 col-sm-offset-3"></div>

整行有12列。这样，您将有6列（行的一半）和3列的偏移量。它将正好在屏幕的中间。

---

请看一下文档。

以上内容对我来说并不适用，因为我认为引导类已经发生了轻微的变化

<div class="col-md-4 offset-md-2">

他对我有用

希望这有帮助

---

Dave

我正在使用bootstrap 3。下面的代码是为我工作，以转移div的权利

<div class="col-lg-4 offset-lg-4"></div>

非常感谢！这很好地解释了这个概念：）不客气！请您投票并接受答案好吗？在引导程序4中，请使用

offset-sm-3

而不是

col-sm-offset-3

谢谢！！为什么第二个col-sm-4不需要偏移量，如果我尝试执行“2 4 2”@sumguiy offset列会在左侧添加边距，所以在这种情况下，首先是col-2的边距/空间，然后是col-4的两个div，然后剩余的col-2就是剩余的空间。考虑100%的父母和70%的孩子（随机），所以现在你有30%的自由空间/空栏到右边。