bootstrap中到底有什么偏移？

Question

我明白什么是网格，基本上整行会有12个空格。

<div class="row">
  <div class="col-md-4">
  </div>

   <div class="col-md-4">
  </div>

   <div class="col-md-4">
  </div>
</div>

基本上上面的代码只是将空格划分为3个部分，但我不明白的是，做什么是做偏移？

<div class="col-lg-6 col-md-offset-3">

    </div>

上面的代码到底是做什么的？

Answer 1

偏移用于响应网格中的间距元素。

单位基于列布局。

您可以这样定义偏移量： col- [breakpoint] -offset- [colums of colums]

在此示例中，允许我们的布局由12列组成：

<div class="row">
    <div class="col-md-6 col-md-offset-3">
        <p>test</p>
    </div>
</div>

意味着在网格系统的中等范围内，元素的宽度为6列，元素前面将有3个空白列（并且因此， 之后有3个空白列。

结果是一个6个colums宽度的div，以容器为中心。

有一个示例显示它在Bootstrap文档中的呈现方式。 http://getbootstrap.com/css/#grid-offsetting

Answer 2

偏移量表示：使用.col-md-offset-*类向右移动列。这些类将列的左边距增加*列。

例如，对于中型设备，col-md-offset-3会将左边距增加3。