10
2020
02

bootstrap布局容器

BootStrap必须需要至少一个布局容器,才能为页面内容进行封装和方便的样式控制。相当于一个画板。

任意元素使用了布局容器的样式,都会成为一个布局容器,建议使用div作为布局容器。

样式作用
.container类用于固定宽度并支持响应式布局的容器。 【特点:居中,两端留白】 
<div class="container"> ... </div>
.container-fluid类用于 100% 宽度,占据全部视口(viewport)的容器。 
<div class="container-fluid"> ... </div>

为了展示效果明显,我们为div加入了边框样式:style="border:1px solid red;"


示例1:



« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。