html - Bootstrap 中的偏移列

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文档。