正确使用偏移/推动

时间:2015-07-23 01:43:01

标签: html css twitter-bootstrap

我正在写一个Bootstrap网站,我想知道这是否可以接受。该网站看起来我想要它,但我想知道这是否是最佳做法?

<div class="container-fluid">
<div class="row">
  <div class="col-lg-3 col-lg-offset-1">
  </div>

  <div class="col-lg-6 col-lg-push-1">
  </div>
</div>
</div>

我采用的方法是每两个缺失列使用 1偏移对每个缺失列使用推送。如果有必要,最好的方法是将其重写为语义目的。

1 个答案:

答案 0 :(得分:3)

使用Bootstrap offset是完全可以接受的!您正在使用它(填充缺失的列)也是完全可以接受的。他们不会添加它,除非他们不想让你使用它。

如果您的位置使用offset,那么移动内容的唯一方法是margin(通常)。问题在于它破坏了使用网格系统的重点!

所以IMO我认为使用Bootstrap offset是完全可以的。我一直在我的网站上使用它! :)