"부트스트랩4 글자색"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(다른 사용자 한 명의 중간 판 6개는 보이지 않습니다)
3번째 줄: 3번째 줄:
;부트스트랩4 글자색 .text-
;부트스트랩4 글자색 .text-


<source lang='html'>
<syntaxhighlight lang='html'>
<link rel="stylesheet" href="//unpkg.com/bootstrap@4/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap@4/dist/css/bootstrap.min.css">
<script src='//unpkg.com/jquery@3/dist/jquery.min.js'></script>
<script src='//unpkg.com/jquery@3/dist/jquery.min.js'></script>
15번째 줄: 15번째 줄:
<p class="text-warning">.text-warning</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-muted">.text-muted</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-white bg-dark">.text-white</p>
<p class="text-white bg-dark">.text-white</p>
</source>
<p class="text-black-50">.text-black-50</p>
<jsfiddle>n6b09kq2</jsfiddle>
<p class="text-white-50 bg-dark">.text-white-50</p>
</syntaxhighlight>
<jsfiddle height='600'>n6b09kq2</jsfiddle>


==같이 보기==
==같이 보기==
* [[부트스트랩4 배경색]]
* [[CSS color]]
* [[CSS color]]



2020년 11월 2일 (월) 02:52 기준 최신판

1 개요[ | ]

부트스트랩4 텍스트 색상
부트스트랩4 글자색 .text-
<link rel="stylesheet" href="//unpkg.com/bootstrap@4/dist/css/bootstrap.min.css">
<script src='//unpkg.com/jquery@3/dist/jquery.min.js'></script>
<script src='//unpkg.com/popper.js@1/dist/umd/popper.min.js'></script>
<script src='//unpkg.com/bootstrap@4/dist/js/bootstrap.min.js'></script>

<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>
<p class="text-black-50">.text-black-50</p>
<p class="text-white-50 bg-dark">.text-white-50</p>

2 같이 보기[ | ]

3 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}