如何使用引导程序创建全宽容器？

我们可以使用引导程序的“容器流体”类创建全宽容器

容器是Bootstrap中最基本的布局元素，在使用我们的默认网格系统时，容器是必需的。从响应式，固定宽度的容器(表示每个断点处的最大宽度发生变化)或流体宽度(表示其始终为100％宽度)中进行选择。 container-fluid类可用于获取全宽容器。

container-fluid类提供了一个全角容器，该容器跨越视口的整个宽度。在下面的示例中，具有“ container-fluid”类的div将占据视口的整个宽度，并且在调整视口大小时会进行扩展或收缩。

方法：

基本上，我们必须创建一个

(不一定要是div，但如果使用div更好)，我们必须为其提供一个类container-fluid(或container取决于宽度)，然后放置我们希望集体包含在该容器中的div中的所有文本

句法：

• .container-每个断点处的最大宽度变化

<！–这里的内容–>

• .container-fluid- 100％宽度

例子：

    
        
        
        
        
        
        
      
  
        Use of class container
        
            .bottom-left {
                left: 0;
            }
        
    
    
        
        
            
            
                
                    GeeksforGeeks
                
                
                    
                
                
                    Hey There..!!
                    This is an Example..
                    Here I have used class container 
                      of bootstrap to put 
                      everything inside a container.
                    
                
                
                    
                        
                            Click me!
                        
                    
                
            
        
    

在这里，class容器用于top div标签内，以将所有文本限制在宽度固定的容器内

例子：

    
        
        
        
        
        
        
      
  
        Use of class container-fluid
        
            .bottom-left {
                left: 0;
            }
        
    
    
        
        
            
            
                
                    GeeksforGeeks
                
                
                    
                
                
                    Hey There..!!
                    This is an Example..
                    Here I have used class
                      container-fluid of bootstrap 
                      to put everything inside a
                      container.
                    
                
                
                    
                        
                            Click me!
                        
                    
                
            
        
    

输出：

这里，类container-fluid用于将所有文本限制在宽度为屏幕10％的容器中