如何将两个引导卡彼此相邻放置？

Bootstrap是最流行，免费和开放源代码的HTML，CSS框架，用于使响应式网站变得漂亮。它提供了可用于使网站美观的各种类。它还提供了用于创建卡的类。

卡：卡是一种灵活且可扩展的内容容器。它包括页眉和页脚选项，各种内容，上下文背景颜色以及强大的显示选项。

句法：

    
    

        
Card title
        

            Some quick example text to build
            on the card title and make up the
            bulk of the card's content.
        
        
            Go somewhere
        
    

示例1：本示例使用引导程序的网格来制作一行并将其划分。

  

    
    
    
  
    
    
  
    
  
    
        Place two bootstrap cards next to each other
    

  

    
        
            
                
                    
  
                    
                        Card title
                        
                            Some quick example text to build on 
                            the card title and make up the bulk 
                            of the card's content.
                        
  
                        
                            Card link
                        
                        
                            
                    
                
            
            
                
                    
  
                    
                        Card title
                        
                            Some quick example text to build on the 
                            card title and make up the bulk of the 
                            card's content.
                        
                          
                        
                            Card link
                        
                        
                            
                    
                
            
        
    
  
    
    
    
    
  
    
    
  
    
    

  

输出：

示例2：要创建宽度和高度相等的Cards，您还可以使用Bootstrap card-deck类。

  

    
    
    
  
    
    
           
    
  
    
        Place two bootstrap cards 
        next to each other
    

  

    
        
            
            
                Card title
                
                    This is a longer card with supporting 
                    text below as a natural lead-in to 
                    additional content. This content
                    is a little bit longer.
                
  
                
                    
                        Last updated 3 mins ago
                    
                
            
        
  
        
            
            
                Card title
                
                    This card has supporting text below 
                    as a natural lead-in to additional 
                    content.
                
  
                
                    
                        Last updated 3 mins ago
                    
                
            
        
  
        
            
            
                Card title
                
                    This is a wider card with supporting 
                    text below as a natural lead-in to 
                    additional content. This card has 
                    even longer content than the first 
                    to show that equal height action.
                
                  
                
                    
                        Last updated 3 mins ago
                    
                
            
        
    
  
    
    
    
    
      
    
    
  
    
    

  

输出：