我读过一些关于什么的答案.container
and .container-fluid
是,但我缺少的很简单。如果我使用 .container-fluid,我是否使用 col-xs-6、col-md-9 等列类? resize 和 .container 都执行特定大小,这就是我使用 col-x-x 类的原因,但是 .container-fluid 始终调整所有内容的大小,因此 .container-fluid 会自动处理列大小调整,我“信任”做对了吗?
The container-fluid
习惯于包含网格 http://getbootstrap.com/css/#overview-container (row
+ col-*
)但也可用于其他内容,例如标题、表格等。
So no, container-fluid
不是色谱柱的替代品,而是色谱柱的支架。之间唯一的区别container-fluid
and container
那是container
is not在较大的屏幕上为全角。这container
是一个固定宽度,以两侧较大的边距为中心。container-fluid
不调整大小,始终为 100% 宽度。容器演示 http://www.codeply.com/go/8YUeh6gIk0
如果你想使用响应式网格(行和列),你需要像这样使用容器或容器流体。
<div class="container-fluid">
<div class="row">
(one or more col-*-* here)
</div>
</div>
Or
<div class="container">
<div class="row">
(one or more col-*-* here)
</div>
</div>
Read 本文 https://medium.com/wdstack/how-the-bootstrap-grid-really-works-471d7a089cfc以获得完整的解释。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)