내용으로 건너뛰기 문서 내비게이션으로 건너뛰기
Check
새로운 버전의 Bootstrap을 사용할 수 있습니다!
GitHub에서 보기

컬러 링크

// Colored links

호버상태가 있는 컬러 링크

.link-* 클래스를 사용하여 링크를 색상을 입힐 수 있습니다. .text-* 클래스와는 다르게, 이 클래스들에는 :hover:focus 상태가 있습니다.

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>
일부 링크 스타일은 상대적으로 밝은 색상을 사용하기 때문에 충분한 대비를 얻으려면 어두운 배경에서 사용해야 합니다.