📜  如何使用Bootstrap将内容标签对齐4列?

📅  最后修改于: 2021-05-25 10:50:14             🧑  作者: Mango

本文的目的是将内容调整为四列,其中前两列表示标签及其内容,后两列表示标签及其内容。类“行”和“列”用于创建可以由许多行和列表示的网格。类“行”创建一行,内容将放置在该行中,类“ col”创建该行中的分区,从而在该行中留出4个标签或4个项目的空间。
本示例使用Bootstrap创建四列,其中前两列代表标签及其内容,后两列代表标签及其内容。
例子:



  

    
        How to use Bootstrap to align labels
        with content into 4 columns ?
    
      
    
    
  
    

  

    

GeeksforGeeks

    
    
        
            
                   
                    
                                             
                    
                        

                            Learn to Design your First                             Website in Just 1 Week                         

                    
                
                   
                    
                                             
                    
                        

                            Cascading Style Sheets, fondly                             referred to as CSS                         

                    
                
                   
                    
                                             
                    
                        

JavaScript Tutorials

                    
                
               
               
                
                    
                                             
                    
                        

                            “Front End” typically refers to all the                              kinds of stuff that the user actually sees                              on the website, once it loads completely.                              This is why it is also called the “client-side”                             of the front-end.                         

                    
                
            
        
    
                       

输出: