是否需要在Bootstrap 3中添加col-md选择器？

我试图寻找这个答案无济于事。基本上我想知道的是，如果有必要在引导程序3中指定一个col-md- *值，或者你可以只使用col-xs-12和col-sm- *并且使用col-sm - *值决定col尺寸一直到某个大型显示器。是否需要在Bootstrap 3中添加col-md选择器？

这看起来像是一件容易理解的事情（即使用col-sm也可以），但文档中也包含了看似冗余的col-md- *值，例如这里（摘自“示例：Mobile，Tablet和桌面网格系统‘”下’，在CSS一节。！

<div class="row"> 
    <div class="col-xs-6 col-sm-4 col-md-4">.col-xs-6 .col-sm-4 .col-md-4</div> 
    <div class="col-xs-6 col-sm-4 col-md-4">.col-xs-6 .col-sm-4 .col-md-4</div> 
    <!-- Optional: clear the XS cols if their content doesn't match in height --> 
    <div class="clearfix visible-xs"></div> 
    <div class="col-xs-6 col-sm-4 col-md-4">.col-xs-6 .col-sm-4 .col-md-4</div> 
</div>

这里的任何澄清将不胜感激感谢

来源

2013-08-16 Jeff W

你的直觉是正确的，你设定的最低值（XS，SM或MD）将指定较大的屏幕尺寸;这意味着如果您希望您的div跨越从小设备开始的4列，并且一直向上，您只需设置.col-sm-4。

是这样工作的，因为媒体查询如何设置：

/* Extra small devices (phones, up to 480px) */ 
/* No media query since this is the default in Bootstrap */ 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-tablet) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-desktop) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-large-desktop) { ... }

;如果没有覆盖，类为小型设备将适用于更大的屏幕以及

来源

2013-08-16 22:47:02

谢谢！出于某种原因，我似乎并不总是这样，但我认为这是人为错误。我看到的主要表现是在涉及偏移量时不会扩展到col-lg。 –

@JeffW我做了一个简单的测试用偏移量，它似乎工作正常http://jsfiddle.net/Lde6n/show/确保您使用的是最新版本的CSS文件，因为我记得看到发布候选人didn没有很好地实现偏移功能。如果这样还不能解决问题，那么也许你可以用你正在使用的标记发布一个小提琴，看看我们是否可以解决问题 –

非常有帮助，并摧毁我写过的问题，并等待在另一个标签中发布。 – kstubs

是否需要在Bootstrap 3中添加col-md选择器？

回答

相关问题