Bootstrap中的容器与示例

在引导程序中，容器用于设置内容的边距。它包含行元素，行元素是列的容器。这就是所谓的网格系统。

引导程序中有两个容器类：

1. 。容器
2. .container-fluid

让我们通过示例详细查看以上两个类中的每一个：

• .container ：.container类提供了一个响应性的固定宽度容器。

  在下面的示例中，具有“容器”类的div具有固定的左右边距，并且不会采用其父级或视口的完整宽度。

    Bootstrap Container Example
      
    
    
    
    
  
    
  
        
      
      
        GeeksforGeeks
        A computer science portal for geeks. 
      

  输出：
  

• .container-fluid ：.container-fluid类提供了一个全角容器，该容器跨越视口的整个宽度。

  在下面的示例中，具有“ container-fluid”类的div将占据视口的整个宽度，并且在调整视口大小时会进行扩展或收缩。

    Bootstrap Container Example
      
    
    
    
    
  
    
  
    
      
      
        GeeksforGeeks
        A computer science portal for geeks. 
      

  输出：