将col-xx和hidden-xx类应用于同一个div是否有效?

时间:2014-05-27 16:08:37

标签: twitter-bootstrap-3

col-xx-##hidden-xx类应用于同一个div是否有效?例如,

<div class="col-md-6 col-xs-3 hidden-xs"></div>

那就是前面的等价于以下内容吗?

<div class="col-md-6 hidden-xs"></div>

2 个答案:

答案 0 :(得分:0)

  

col-xx-##hidden-xx类应用于同一个div是否有效?

尝试设置不可见列的宽度是没有意义的,这是荒谬的。
它有效&#34;有效&#34;从某种意义上讲,它不会导致col-xx-##以外的任何附带损害无效。

  

那就是前面的等价于以下内容吗?

     

<div class="col-md-6 hidden-xs"></div>

是。 hidden-*课程使用!important,因此他们会在col-*课程中占主导地位。

答案 1 :(得分:0)

第一个例子没用,但技术上“有效”。您的第二个块(class="col-md-6 hidden-xs")具有完全相同的效果,且开销更少。