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

Question

我正在使用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标签的样式无法正常工作，尽管我可以在浏览器检查器中看到它。什么可能导致这种行为？

Answer 1

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

Answer 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>

Answer 3

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