引导按钮不起作用，尝试光标指针和（单击），仍然不起作用答案

【问题标题】：Bootstrap button is not working, Tried cursor pointer and (click), still didn't work引导按钮不起作用，尝试光标指针和（单击），仍然不起作用
【发布时间】：2021-08-28 18:10:28
【问题描述】：

我是 Angular 和 Bootstrap 的新手，但是我从网站上找到了一个代码，但是当我将它放入我的项目中时，该按钮不起作用。任何帮助将不胜感激。

<div class="container">
    <div class="row">
      <div class="col-12 col-sm-8 col-md-6 col-lg-4" *ngFor="let P of products">
        <div class="card" *ngIf="P.Category == selectedCategory">
          <img class="card-img" src="{{P.Img}}" alt="Vans">
          <div class="card-img-overlay d-flex justify-content-end">
          </div>
          <div class="card-body">
            <h4 class="card-title">{{P.Name}}</h4>
            <h6 class="card-subtitle mb-2 text-muted">Serial No. {{P.SerialNumber}}</h6>
            <p class="card-text">{{P.Description}}</p>
            <div class="buy d-flex justify-content-between align-items-center">
              <div class="price text-success"><h5 class="mt-4">${{P.Price}}</h5></div>
               <button type="button"  (click)="addToCart(P)" class="btn btn-danger mt-3 curs"> Add to Cart</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

这是css代码

body {
    padding: 2rem 0rem;
  }
  
  .like {
    font-size: 1.5rem;
  }

提前致谢

【问题讨论】：

你有一个叫addToCart的函数吗？
你的意思是：按钮不起作用？你可以说得更详细点吗？在您的按钮类中，您有“curs”那是什么？我从来没有在引导程序上看到过，它是你的 css 中的自定义类吗？
非常感谢你们，但我解决了，我刚刚从课堂上删除了 {card-img-overlay;}。谢谢

标签： css angular bootstrap-4

【解决方案1】：

您是否插入了 CSS 的引导 CDN 链接？如果没有，则将其粘贴到 head 部分内的 css 文件下

 
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

【讨论】：

是的，但我解决了，非常感谢，我刚刚从课堂上删除了 {card-img-overlay;}。谢谢