如何在Bootstrap中创建五个相等的列？

在Bootstrap 4.0+中，在“行”中创建任意数量的相等列从未如此简单。通过在网格系统中引入“ flexbox”方法，设计人员不必担心添加其他CSS使其工作。这是完成的过程。

方法：
• 转到Bootstrap站点，并将最新的Bootstrap文件下载到您的计算机上。
• 使用这些文件编写基本的HTML模板。
• 一切设置完成后，在标签内创建一个简单的’container’div。
• 在“容器”内部，创建另一个具有“行”类的div，顾名思义，我们正在创建用于处理列的行。使用class’col ‘填充5个div到‘row’div中。由于Bootstrap 4.0+网格系统现在已转移到Flexbox，因此这些列将自己排列成五个大小相等的DOM元素。

例子：

  

    
    
  
    
  
    5 cols a row
  
    
        .row .col {
            height: 100px;
            background: green;
        }
    

  

  
    
        
            1
            2
            3
            4
            5
        
    
  
    
  
    
  

  

为了区分各列，在每列中添加了少量边距。

输出：