Bootstrap 3 col-sm-offset-x影响到col-md-x结构

我有这个代码<div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">并且引导程序也在向col-md-12做偏移，我正在检查代码并且我有不知道为什么会发生这种情况，我认为这种情况之前没有发生过，但我已经回到了代码中的很多步骤，可能到了它正在工作的地步，而且什么都没有。Bootstrap 3 col-sm-offset-x影响到col-md-x结构

如果我删除偏移它的工作原理是假设...但我没有在较小的分辨率上的偏移量。

这是页面，在这里你可以看到问题：Test page

是它把“贝斯52ºANIVERSARIO”

感谢您的帮助块，我发疯

来源

2014-05-24 amibumping

你怎么看你的源代码行数导致错误？ – bob

由于某种原因，我在大分辨率中输入消息“div class =”col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs“>”在小水库。 – amibumping

偏移从sm应用到最大尺寸。要停止它，请添加col-md-offset-0以防止偏移应用于较大的尺寸。

来源

2014-05-24 12:44:13 DavidG

是的!!!非常感谢！我不知道，我认为这些信息不在bootstrap文档中，但是谢谢:) – amibumping

@ user3652601它在文档中。来自http://getbootstrap.com/css/#grid：“网格类适用于屏幕宽度大于或等于断点尺寸的设备，并覆盖面向较小设备的网格类，因此，应用任何.col-md-如果一个.col-lg-类不存在，它不仅会影响它在中型设备上的样式，还会影响到它在大型设备上的样式。“ – cvrebert

非常感谢DavidG为你提供了一个很好，清晰和简单的答案 –

Bootstrap 3 =移动第一。

您在XS“大小”范围将通过除非你正在使用的帮助工具，像。可见-SM级

进行到更大的“尺寸”应用的任何样式如果你想有一个列抵消了小范围期间的可见只有：

<div class="row"> 
     <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs"> 
     <div class="col-sm-1 visible-sm"><div> 
     <div> 
      ...continue your content 
     </div>

来源

2014-05-24 12:52:23 bob

Bootstrap 3 col-sm-offset-x影响到col-md-x结构

回答

相关问题