如何在Bootstrap 4中将按钮设置为一个按钮？

当我使用一个按钮，它看起来像这样在自举4：如何在Bootstrap 4中将按钮设置为一个按钮？

<button type="button" class="btn btn-primary" target="_blank">Download</button>

当我使用的锚定，而不是与所述按钮的造型，它看起来像这样：

<a type="button" class="btn btn-primary" target="_blank">Download</a>

如何让我的锚看起来像一个平面按钮？

来源

2017-08-07 Vadi

有对'在BS4 .btn'预定义的样式。所以为了对锚标签有相同的效果。您需要手动覆盖它。 – Abinthaha

您只需在开发工具中查看'button'的CSS，并相应地更新'a'标签的CSS。 – Nisarg

首先从<a>删除type="button"。您需要更新css并为<a>标签写入自定义css。

a.btn {border-radius: .25rem; border: 1px solid transparent; padding: .5rem 1rem; color: #fff; } 
 
a.btn:hover { border-radius: .25rem; }

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<button type="button" class="btn btn-primary" target="_blank">Download</button> 
 
<a class="btn btn-primary" target="_blank" href="#">Download</a>

来源

2017-08-07 08:59:25 xaid

这个答案不再准确。不需要自定义CSS。我刚刚从BS3升级到BS4时遇到了这个问题，并且删除'type =“按钮”'是锚标记与原始代码匹配所需的全部内容。 – Routhinator

如何在Bootstrap 4中将按钮设置为一个按钮？

回答

相关问题