如何在Bootstrap中指定方格图片系统的长度和宽度？

Square Grid图片的长度和宽度可以通过传统的CSS方法指定，可以通过样式标签或链接标签轻松地将其合并到我们的HTML代码中。当涉及到Bootstrap时，它提供了一种更轻松有效的方式来轻松完成同一任务。要在Bootstrap中指定正方形网格图片的长度和宽度，您需要Bootstrap网格系统的基本概念。

Bootstrap中有五个类可以使用基本概念更改长度和宽度，您可以轻松地增加或减少grid列内任何图像的长度。

• .col-
• .col-sm-
• .col-md-
• .col-lg-
• .col-xl-

示例1：在这里您将看到三张具有相同网格宽度的图像，但是，如果屏幕较小，则第三个网格将改变行，并变得比其他两个宽。
例子：

  

    Bootstrap Grid System
    
    
    
    
    
    
    
    
    
  
    
        .col {
            text-align: center;
            border: 1px solid black;
        }
    

  

    
        
            
                
            
            
                
            
            
                
            
        
    

  

输出：

示例2：在这里，您将看到包含图像的网格的三种不同宽度。
例子：

  

    Bootstrap Grid System
    
    
    
    
    
    
    
    
    
    
        .col {
            text-align: center;
            border: 5px solid black;
        }
          
        div {
            border: 1px solid black;
        }
    

  

    
        
        
            
                
                    
                
                
                    
                
                
                    
                
            
        
    

  

输出：