如何在Bootstrap卡中显示多个水平图像？

先决条件：引导卡

Bootstrap卡提供了一个灵活且可扩展的内容容器，其中包含多种变体和选项，例如，对表格进行样式设置，水平/垂直堆叠多个图像，使堆叠的内容具有响应性等。这些卡包括许多用于自定义其背景，边框，页眉，页脚的选项，颜色等

要在Bootstrap卡中显示多个水平图像，您需要清除Bootstrap卡的基础知识，有一种简单的方法可以完成该任务。另外，有一些预定义的引导程序代码将提供类似的输出，之后您可以借助CSS轻松地修改这些代码，这些是

• 网格标记
• 卡组
• 卡套
• 卡列

示例：本示例将多个图像水平插入Bootstrap卡中。

 
 
 
    
        How to show multiple horizontal
        images in Bootstrap card ?
     
      
     
     
  
     
      
     
     
      
     
     
      
     
     
      
    
        img {
            max-width: 100%;
            max-height: 50%;
            padding-top:10px;
        }
        h1 {
            color: green;
        }
    
 
  
 
     
        GeeksforGeeks 
     
  
    
        
  
            
            
                
                    
  
                    
                        Compare
                        JavaScript | Python
                    
                
  
                
                    
                      
                    
                        Placement
                        Sudo Placement Course
                    
                
                  
                
                    
                      
                    
                        DSA
                        DS & Algo Course
                    
                
            
        
    

                    

输出：