了解Bootstrap 3中的网格系统吗?

塔努吉
<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>

因此,重申一下您的理解:如果您是divcontainer,则将水平空间划分为12列。col-??-xx每个班拿XX / 12的水平空间从包装容器(或有时rowcol-??-xx-div的)。但请注意,网格必须以container开头,该网格container-fluid最初提供12列。

引导文档在其网格系统中有很好的组成部分,您需要阅读该文档以获取更多信息。如果您是实用的学习者,我建议您检查引导程序提供网格示例的代码

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将面板安装到Bootstrap的网格系统中

来自分类Dev

如何使用bootstrap3网格系统

来自分类Dev

twitter bootstrap中的脚手架和网格系统

来自分类Dev

AngularJS-使用Angular UI Bootstrap了解指令中的模板

来自分类Dev

如何使用bootstrap 3网格系统设计自定义网格?

来自分类Dev

如何在Bootstrap 3上制作此网格系统?

来自分类Dev

Bootstrap 3-网格系统和缩略图

来自分类Dev

Bootstrap网格系统中列的最小宽度

来自分类Dev

Bootstrap 3在网格系统中添加水槽

来自分类Dev

如何使表尊重Bootstrap 3中的网格?

来自分类Dev

如何在Bootstrap网格系统中连续显示3张卡

来自分类Dev

如何使用bootstrap3网格系统

来自分类Dev

请说明Twitter Bootstrap 3网格系统

来自分类Dev

AngularJS-使用Angular UI Bootstrap了解指令中的模板

来自分类Dev

Bootstrap 3中的简单网格布局?

来自分类Dev

使用Bootstrap 3对齐表格元素的网格系统

来自分类Dev

Bootstrap 3网格系统

来自分类Dev

Bootstrap 3中的网格系统问题

来自分类Dev

如何在Bootstrap网格系统中对齐文本?

来自分类Dev

Bootstrap 3-网格系统和缩略图

来自分类Dev

我是否应用了bootstrap 3网格系统?

来自分类Dev

Bootstrap 3网格系统在第三方样式div(Kendo)中无法正常工作

来自分类Dev

推/拉和偏移在Bootstrap网格系统中的作用

来自分类Dev

拉入/推入Bootstrap 3.xx网格系统

来自分类Dev

Bootstrap网格系统包装

来自分类Dev

Bootstrap的网格系统仅在页面级别使用吗

来自分类Dev

如何使表尊重Bootstrap 3中的网格?

来自分类Dev

bootstrap 3网格系统无法正常工作

来自分类Dev

bootstrap 网格系统中的 iframe 不起作用

Related 相关文章

热门标签

归档