Bootstrap中的偏移不起作用。

时间:2017-07-19 23:15:17

标签: css twitter-bootstrap-3 offset

所以我在bootstrap atm上打扫灰尘,并决定创建一些带偏移的网格。

我不知道发生了什么。

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4 offset-md-4">.col-md-4 .offset-md-4</div>
</div>
<div class="row">
  <div class="col-md-3 offset-md-3">.col-md-3 .offset-md-3
</div>
   <div class="col-md-3 offset-md-3">.col-md-3 .offset-md-3
</div>
<div class="row">
   <div class="col-md-6 offset-md-3">.col-md-6 .offset-md-3</div>
</div>

这些应该使它成为三行,首先在div之间留一个空格等 但它只是不起作用。

任何关于为什么会受到赞赏的说明。我在下面添加了codepen链接。

https://codepen.io/anon/pen/QgXPae

2 个答案:

答案 0 :(得分:3)

使用

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

答案 1 :(得分:0)

它应该是col-md-offset-3 你可以在这个链接中看到网格的文档

[偏移] [1] http://getbootstrap.com/css/#grid