Как добавить стиль ссылки для <a> в Bootstrap 4 Alpha 3?

Question

Код очень прост:

<a>This is a link</a> 

В Bootstrap 4 Альфа 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

Если вы видите самозагрузки 4 CSS

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

Так якорь тег приобретает цвет своего родителя элемент, если он не имеет атрибута href или tabindex. Один из подходов заключался бы в предоставлении tabindex для элемента a.

Существует класс, если вы хотите использовать .text-primary, который применяет основной цвет к тегу привязки.

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

jsfiddle