부트스트랩 글자색 클래스

Bootstrap Contextual Colors

부트스트랩 텍스트 색상 클래스

1 목록

#	클래스	글자색	의미
1	.text-muted	#777777	뮤트
2	.text-primary	#337AB7	중요
3	.text-success	#3C763D	성공
4	.text-info	#31708F	정보
5	.text-warning	#8A6D3B	경고
6	.text-danger	#A94442	위험

2 예시

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
<style>
span {
    font-weight: bold;
    font-size: 2em;
}
</style>
    
<span>일반</span>
<span class='text-muted'>뮤트</span>
<span class='text-primary'>중요</span>
<br>   
<span class='text-success'>성공</span>
<span class='text-info'>정보</span>
<span class='text-warning'>경고</span>
<span class='text-danger'>위험</span>

3 같이 보기

• 부트스트랩 텍스트 정렬 클래스
• 부트스트랩 배경색 클래스
• 부트스트랩 타이포그래피 클래스
• W3.CSS 색상 클래스

4 참고

• http://www.w3schools.com/bootstrap/bootstrap_typography.asp