文章/答案/技术大牛

发布

社区首页 >问答首页 >Bootstrap是如何决定使用哪种"col“类的？

问Bootstrap是如何决定使用哪种"col“类的？
EN

Stack Overflow用户

提问于 2017-03-28 18:45:25

回答 1查看 707关注 0票数 0

我正在为一个项目制定一个新的框架。通常，我只是使用我自己的框架，但这需要一个更引导风格的布局(虽然引导是不适用的)，你可以有“col，col，col”类型的大小。

我的问题是如果我有一个.

 <div class="col-sm-6 col-lg-12">
     <p>Some content</p>
 </div>

浏览器如何知道在什么时候应该实现"col-lg-12“的样式设计？

我的第一个想法是一个媒体query...but，在这种情况下，我本质上是说“停止做col 6的东西，做col 12的东西”，这将对这个实例起作用，但会破坏所有可能在页面上活动的、正常运行的col 6。

有人对此有洞察力吗？

css

twitter-bootstrap

sass

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-28 18:50:49

它总是得到实施。当它们的媒体查询开始时，较小的大小只是充当重写的作用。

  <div class="col-md-12 col-sm-6"></div>

 .col-md-12{
     width:100%;
 }

 @media all and (max-width: 768px){
   .col-sm-6{
     width:50%;
 }
 }

这将应用100%的宽度，直到屏幕宽度低于768，此时媒体查询中的宽度将接管。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43077536

复制

相似问题

问Bootstrap是如何决定使用哪种"col“类的？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap是如何决定使用哪种"col“类的？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap是如何决定使用哪种"col“类的？
EN