如何在Bootstrap的Card页脚中对齐按钮？

熟悉float元素后，在Card页脚中对齐按钮非常容易。有两种方法可以将按钮放置在卡的页脚中的任何位置向左或向右对齐。在本文中，您将学习如何在Bootstrap卡的页脚部分中对齐按钮。 Bootstrap的卡提供了具有多种变体和选项的灵活且可扩展的内容容器。
引导卡的结构：

• 卡片图片
• 卡体
  • 卡名
  • 卡文字
• 卡页脚
  • 左键
  • 中央按钮
  • 右键

示例：使用向左浮动，向右浮动和向右浮动来对齐卡上的按钮。

  

    
        How to align buttons in Card footer in Bootstrap ?
    
      
     
      
     
      
     
        
     
     
        
     
     
        
     
     

  

  
    
    
        
          
        
            
                Card title
            
              
            
                This is just a simple card
                text inside card body
            
              
            
                Welcome to geeksforgeeks
            
        
          
        
              
            We are inside card footer
              
            
                Left Button
            
              
            
                Center Button
            
              
            
                Right Button
            
        
    

  

输出：

范例2：

  

    
        How to align buttons in Card footer in Bootstrap ?
    
  
    
      
    
  
    
  
    
    
  
    
    
  
    
    

  

    
          
        
            GeekforGeeks
        
        
            Practice
              
            
                Practice for Computer Science coding interview
            
            Login/Sign UP
        
        
            <
            
            +
            
            >
            
        
    

  

输出：