Bootstrap 4教程-Bootstrap 4 Containers - 书目录

Bootstrap 4教程-Bootstrap 4 Containers

Bootstrap需要一个包含元素来包装元素并包含它的网格系统(接下来更多在网格系统上)。Bootstrap的容器类是专门为此创建的。自举容器可以是固定的或流体的。

固定容器

一个固定的容器是一个(响应)固定宽度的容器。在调整浏览器大小时,它的宽度保持不变,直到它传递一个特定的断点(如您所指定的 – 下一个更多),此时它将调整为该断点的新宽度。

<div class="container">
...
</div>

见示例

流体容器

流体容器跨越视口的整个宽度。当您调整浏览器大小时,它会扩展和收缩。这与固定宽度的容器相反,当你通过一个给定的中断点时,容器会“跳”到新的尺寸。

<div class="container-fluid">
...
</div>

见示例

虽然您可以创建不带容器的Bootstrap页面,但在使用Bootstrap 网格系统时,它们是必需的。

133621

 

英语原文:https://www.quackit.com/bootstrap/bootstrap_4/tutorial/bootstrap_containers.cfm 由工具自动翻译,由书目录整理