如何在 Bootstrap 中创建“添加到购物车”按钮？

Bootstrap 包含多种按钮样式，每种样式都有一些共同的和不同的属性。 “添加到购物车”按钮就像购物中心中的典型购物车一样充当容器，您可以在其中收集想要购买的东西。 “加入购物车”按钮通常在电子商务网站上提供，也用于包括购买产品的其他网站。

引导 CDN 链接：

• 在代码之前，您只需要包含以下库或脚本即可在应用程序中添加“添加到购物车”按钮。

  
  

• 要包含我们在下面的示例中使用的小购物车图标，您只需将此样式表添加到您的程序中。

• 您还需要在要显示购物车图标的任何位置包含以下类。

例子：

HTML

  

    Bootstrap Shopping Cart
    
  
    
    
  
    
    
    
  
    
    
  
    
    
        .container {
            margin-top: 30px;
            color: green;
        }
  
        span {
            color: green;
        }
    

  


    
        GeeksforGeeks
        Shopping-cart
        
            
                
                
                 Add to Cart 
            
        
    

  

输出：现在，正如您在输出中看到的那样，我们在 HTML 正文中包含了“添加到购物车”按钮，上面有一个小购物车图标。