如何在引导程序中使用"btn"和"pagination"

Question

我正在尝试使用Bootstrap和Angular创建分页。目前，它看起来是这样的：

<ul class="pagination">
<li class="page-item" *ngFor="let page of pages" [class.active]="page.isActive">
<span class="page-link btn" (click)="pageChange(page.number)">{{page.text}}</span>
</li>
</ul>

但我不能让按钮表现得像按钮/锚。我想看到指针悬停在上面。我该怎么做？

Answer 1

观察以下内容：

| `$enable-pointer-cursor-for-buttons` | `true` (default) or `false` | 
Add "hand" cursor to non-disabled button elements.|

在_buttons.scss中，我们有：

.btn {
...
cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
...
}

因此，将span更改为button使其工作于

<ul class="pagination">
<li class="page-item" *ngFor="let page of pages" [class.active]="page.isActive">
<button class="page-link btn" (click)="pageChange(page.number)">{{page.text}}</button>
</li>
</ul>