<div class="col-lg-9">
<!-- Tab Content -->
<div class="tab-content">
<div class="tab-pane active" id="bookmark">
<h1><center>Book Marks</center></h1>
<div class="col-lg-3 productholder"></div>
<div class="col-lg-3 productholder"></div>
<div class="col-lg-3 productholder"></div>
</div>
</div>
</div>
如果我是col-lg-9的div,这会将我的容器分成9个部分?但是,当我在col-lg-9内创建其他div时,容器的填充不均。
如果您是的div col-lg-9
,则需要包装容器的9列(共12列)的水平空间。
但这意味着必须有某种容器。请参阅此代码。
<!-- still full width -->
<div class="col-lg-9" style="background-color:green;">R</div>
<!-- 9/12 -->
<div class="container">
<div class="col-lg-9" style="background-color:blue;">R</div>
</div>
因此,重申一下您的理解:如果您是div
的container
,则将水平空间划分为12列。在col-??-xx
每个班拿XX / 12的水平空间从包装容器(或有时row
或col-??-xx
-div
的)。但请注意,网格必须以container
或开头,该网格container-fluid
最初提供12列。
引导文档在其网格系统中有很好的组成部分,您需要阅读该文档以获取更多信息。如果您是实用的学习者,我建议您检查引导程序提供的网格示例的代码。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句