Bootstrap 4 - 布局

Bootstrap 4布局 - 从简单和简单的步骤学习Bootstrap 4，从基本到高级概念，包括概述，环境设置，布局，网格系统，内容，组件，实用程序，Bootstrap 3和4之间的差异。

Bootstrap 4使用容器类来包装页面的内容.它包含两个容器类和减号;

.container : 它代表一个固定宽度的容器.
.container-fluid : 它代表一个全宽容器.

容器

.container class用于包装具有固定宽度的页面内容，并且可以使用 .container 类轻松地将内容放置在中心.如下所示.

 < div class ="container">  ...

示例

以下示例指定一个具有固定宽度容器和减号的简单网页;

                                             Bootstrap 4 Example                              Fixed Width Container
         This is a simple web page with fixed width container by using          .container class.

Fluid 容器

You can create a full width container by using the .container-fluid class as shown below.

...

The below example specifies a simple web page with full width container −

示例

                                             Bootstrap 4 Example                               Full Width Container
         This is a simple web page with full width container by using          .container-fluid class.