Bootstrap 4 需要一个容器元素来包裹网站的内容。
我们可以使用以下两个容器类:
.container 类用于固定宽度并支持响应式布局的容器。
.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。
Bootstrap4 .container 实例
<div class="container"> <h1>我的第一个 Bootstrap 页面</h1> <p>这是一些文本。</p> </div>
尝试一下 »以下实例展示了占据全部视口(viewport)的容器。
Bootstrap4 .container-fluid 实例
<div class="container-fluid"> <h1>我的第一个 Bootstrap 页面</h1> <p>使用了 .container-fluid,100% 宽度,占据全部视口(viewport)的容器。</p> </div>
尝试一下 ».container伴有居中样式,而.container-fluid没有。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。