Question

这就是我想要做的事情：

<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>

如何使用偏移量？

Answer 1

偏移的作用类似于留在列之前的空白列。例如，如果您想要一个具有屏幕大小一半的列并且恰好位于中间，则必须执行以下操作：

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

整行有12列。这样，您将有6列（行的一半）和3列的偏移量。它将完全位于屏幕中间。

查看Bootstrap文档。

Answer 2

在 Bootstrap 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>

http://www.codeply.com/go/7wofwfzrH3

在 Bootstrap 4 中，像这样......

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

https://www.codeply.com/go/t5DTGwero8

Answer 3

上面的内容对我不起作用，因为我认为引导程序类已稍作更改。

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

为我工作。

希望这会有所帮助

戴夫

Answer 4

我正在使用引导程序 3。下面的代码适用于我将 div 右移。

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

Bootstrap中的偏移列

4 个答案: