Bootstrap 3偏移忽略大小

时间:2014-12-06 03:47:48

标签: html css twitter-bootstrap twitter-bootstrap-3

我为中等大小的屏幕设置了偏移量,但是当屏幕很大时,仍然会出现偏移。这是我的html片段,我该如何解决这个问题?

<div class="col-lg-6 col-sm-12">
  <div class="row">
    <div class="col-lg-12 col-md-3 col-md-offset-3"></div>
  </div>
</div>

1 个答案:

答案 0 :(得分:3)

在引导程序中,特定于设备大小的类会影响类和所有较高大小的大小,除非被覆盖。所以,当然,col-md-offset-3也会出现在大屏幕上。你可以&#34;覆盖&#34;此类适用于col-lg-offset-0的大屏幕。

<div class="col-lg-6 col-sm-12">
  <div class="row">
    <div class="col-lg-12 col-md-3 col-md-offset-3 col-lg-offset-0"></div>
  </div>
</div>

来自docs

  

网格类适用于屏幕宽度大于或等于的设备   到断点大小,并覆盖针对较小的网格类   设备。因此,将任何.col-md-类应用于元素都不会   只会影响它在中型设备上的样式,但也会影响大型设备的样式   <{1}}课程不存在。