📌  相关文章
📜  Bootstrap 4-布局

📅  最后修改于: 2020-10-26 04:30:17             🧑  作者: Mango

Bootstrap 4使用容器类包装页面的内容。它包含两个容器类-

  • .container-表示一个固定宽度的容器。

  • .container-fluid-代表全宽容器。

容器

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


   ...

例

以下示例指定了一个具有固定宽度容器的简单网页-

现场演示

      
      
      
      
      
      Bootstrap 4 Example
      
   
   
   
      

         
Fixed Width Container

         This is a simple web page with fixed width container by using 
         .container

它将产生以下结果-

输出

流体容器

您可以使用.container-fluid类创建全宽容器，如下所示。


   ...

以下示例指定了一个具有全宽容器的简单网页-

例

现场演示

      
      
      
      
      
      Bootstrap 4 Example
       
   
   
   
      

         
Full Width Container

         This is a simple web page with full width container by using 
         .container-fluid

它将产生以下结果-

输出