Bootstrap4、btn 和 btn-primary 类不适用于链接（“a”标签）答案

【问题标题】：Bootstrap4, btn and btn-primary classes don't work for link ("a" tag)Bootstrap4、btn 和 btn-primary 类不适用于链接（“a”标签）
【发布时间】：2018-08-03 16:30:53
【问题描述】：

我使用的是 Bootstrap 4.1 版，我的页面中没有自定义样式。下面是显示按钮的代码：

<div class="btn-group" role="group" aria-label="">
<a class="btn btn-primary" type="button" href="{% url 'website_admin_create_user' %}">
    <i class="fas fa-user-plus"></i>&nbsp;{% trans 'Add user' %}
</a>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#listFilter" aria-expanded="false" aria-controls="listFilter">
    <i class="fas fa-filter"></i>&nbsp;{% trans 'Filters' %}
</button>

问题是，a 标签的样式不起作用，尽管我可以在浏览器检查器中看到它。什么可能导致这种行为？

【问题讨论】：

发生上述情况的唯一可能原因是您在某些情况下使用了 href。如果在锚标签上你没有提到 href 那么它的行为就像一个禁用按钮。所以我可以假设的最大值是在更新 css 并实现 href 值时存在一些滞后

标签： html twitter-bootstrap bootstrap-4

【解决方案1】：

您在 <a> 标记上使用按钮 css 类，只需将其切换为 <button>，无需 <a>

【讨论】：

实际上<a> 也适用于按钮类：getbootstrap.com/docs/4.1/components/buttons/#button-tags

【解决方案2】：

将你的线路改为

<a href="{% url 'website_admin_create_user' %}">
   <button  class="btn btn-primary">
      <i class="fas fa-user-plus"></i>&nbsp;{% trans 'Add user' %}
   </button>
</a>

而不是

<a class="btn btn-primary" type="button" href="{% url 'website_admin_create_user' %}">
     <i class="fas fa-user-plus"></i>&nbsp;{% trans 'Add user' %}
</a>

【讨论】：

实际上<a> 也适用于按钮类：getbootstrap.com/docs/4.1/components/buttons/#button-tags

【解决方案3】：

发现问题：type="button" 造成了这个混乱，只需将其删除，一切都会按预期工作。

【讨论】：