Liên kết màu

Liên kết màu với trạng thái di chuột

Bạn có thể sử dụng các .link-*lớp để tô màu các liên kết. Không giống như các .text-*lớp , các lớp này có một :hovervà :focustrạng thái.

Liên kết chính Liên kết phụ Liên kết thành công Liên kết nguy hiểm Liên kết cảnh báo Liên kết thông tin Liên kết sáng Liên kết tối

html

<a href="#" class="link-primary">Primary link</a>
<a href="#" class="link-secondary">Secondary link</a>
<a href="#" class="link-success">Success link</a>
<a href="#" class="link-danger">Danger link</a>
<a href="#" class="link-warning">Warning link</a>
<a href="#" class="link-info">Info link</a>
<a href="#" class="link-light">Light link</a>
<a href="#" class="link-dark">Dark link</a>

Một số kiểu liên kết sử dụng màu nền trước tương đối sáng và chỉ nên sử dụng trên nền tối để có đủ độ tương phản.