如何使用引导程序将列表的列拆分为不同的行？

BootStrap是用于前端Web开发的最受欢迎，免费且开源的CSS框架。 BootStrap 4是正在使用的最新版本。 BootStrap 4提供了广泛的组件，内容，布局和实用程序。 Bootstrap 4提供了一个网格系统，该系统使用一系列容器，行和列来布局和对齐内容。网格系统允许用户创建具有自定义规格的网格。网格系统是使用flexbox构建的，具有充分的响应能力，可以根据屏幕大小来调整列的大小。容器是Bootstrap中使用网格系统时最基本的布局元素。可以使用BootStrap的网格系统将列表的列分为几行。 BootStrap的’row’和’col’类可将任何区域划分为行和列。以下代码可用于使用BootStrap将列表的一列拆分为不同的行。
请考虑以下列表：

• 第1行
• 第2行
• 第3行
• 第4行

示例1：在此示例中，我们使用嵌套的行和列将列表的列拆分为行。

    
        
  
        
        
  
        
        
    
    
        

            
Column
            

                

                    

                        
Row 1
                    
                    

                        
Row 2
                    
                    

                        
Row 3
                    
                    

                        
Row 4
                    
                
            
        
    

输出：

示例2：在此示例中，通过在

标记中添加class属性，将列表的列分为几行。

    
        
        
  
        
    
    
        

            
Column
            

                
Row 1
                
Row 2
                
Row 3
                
Row 4
            
        
    

输出：

示例3：在此示例中，我们通过嵌套划分将列表的列划分为行。

    
        
        
  
        
    
    
        

            
Column
            
Row 1
            
Row 2
            
Row 3
            
Row 4
        
    

输出