如何在 Bootstrap 4 Alpha 3 中为 <a> 添加 link 样式？

Question

代码很简单：

<a>This is a link</a>

在Bootstrap 4 Alpha 2 demo中，link显示蓝色。当你将鼠标悬停在上面时，它会显示深蓝色。

但在Bootstrap 4 Alpha 3 demo中显示黑色。

有没有什么特殊的Bootstrap class可以添加让<a>在Bootstrap 4 Alpha 3中有link风格？

是这样的吗？

<a class="bootstrap-link">This is a link</a>

有什么clean/smart方法吗？

谢谢

Answer 1

关于 href 属性的存在，两个版本之间可能发生了一些变化；通过将属性 href 添加到锚点 <a>，它开始正常工作；

href 示例中的代码：

<a href>This is a link</a>

已更新 JSFiddle：https://jsfiddle.net/s1mvqok0/

Answer 2

如果你看到 bootstrap 4 css

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

因此，如果锚标记没有 href 或 tabindex 属性，则它会获取其父元素的颜色。一种方法是为 a 元素提供一个 tabindex。

如果您想使用 .text-primary 将原色应用到锚标记，可以使用 class。

.text-primary{
   color:#0275d8!important
}
a.text-primary:focus,a.text-primary:hover{
   color:#025aa5
}

jsfiddle