如何为 in Bootstrap 4 Alpha 3?添加链接样式

Question

代码很简单：

<a>This is a link</a>

在Bootstrap 4 Alpha 2 demo中，链接显示为蓝色。当您将鼠标悬停在其上时，它显示为深蓝色。

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

是否可以添加任何特殊的Bootstrap类以让<a>在Bootstrap 4 Alpha 3中具有链接样式？

像这样的东西？

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

有干净/聪明的方式吗？

谢谢

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，则有一个类。

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

jsfiddle