大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap-3 – 你能嵌套Bootstrap容器吗?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
和
第二句似乎暗示您可以拥有嵌套容器.第一句似乎暗示一个页面应该有一个容器.
这是什么?
(一种情况可能是希望将容器流体嵌套在容器内 – 或者只是在具有固定宽度的其他元素内).
h4 { margin-top: 25px; } .container { border: solid 5px red; } .row { margin-bottom: 20px; } .row .row { margin-bottom: 0; } .nested-container { border: solid 3px green; } .container-fluid { border: solid 3px blue; } [class*="col-"] { padding-top: 15px; padding-bottom: 15px; BACkground-color: #eee; BACkground-color: rgba(86,61,124,.15); border: 1px solid #ddd; border: 1px solid rgba(86,.2); } hr { margin-top: 40px; margin-bottom: 40px; }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> </div> <div class="row"> <div class="col-xs-12"> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> </div> </div> <div class="container nested-container"> <div class="row"> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div> </div> </div> </div> </div> </div>
以上是大佬教程为你收集整理的twitter-bootstrap-3 – 你能嵌套Bootstrap容器吗?全部内容,希望文章能够帮你解决twitter-bootstrap-3 – 你能嵌套Bootstrap容器吗?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。