1.Bootstrap容器
1.1在Bootstrap中容器是响应式布局的基础, Bootstrap推荐将所有内容都定
义在容器之中
1.2并且容器是启用Bootstrap栅格系统必不可少的前置条件
2. Bootstrap中提供了两个容器: container/container-fluid
2.1container容器(固定容器):
只要给标签添加了container类名, 标签就变成了Bootstrap的container容器
只要这个标签变成了Bootstrap的container容器, 在不同视口大小下就会有不
同的固定宽度
2.2container-fluid(自适应宽度容器)
只要给标签添加了container-fluid类名, 这个标签就变成了Bootstrap的
container-fluid容器
只要这个标签变成了Bootstrap的container-fluid容器, 那么容器的宽度
永远都是100%自适应
3.Bootstrap对视口划分
Bootstrap4将视口划分为了5钟
超小屏幕(xs): <576px
小屏幕(sm): >=576px
中等屏幕(md):>=768
大屏幕(lg): >=992px
超大屏幕(xl): >= 1200px
<body>
<div class="container"></div>
</body>