부트스트랩 테이블 색상

1 개요[ | ]

Bootstrap Tables Contextual Classes
부트스트랩 테이블 색상 클래스
부트스트랩 테이블 배경색
  • tr 태그 또는 td 태그에 active, success, info, warning, danger 클래스 적용가능
<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>
 
<table class='table'>
    <tr><th>#</th><th>이름</th></tr>
    <tr><td>1</td><td>한놈</td></tr>
    <tr><td>2</td><td>두시기</td></tr>
    <tr class='active'><td>3</td><td>active</td></tr>
    <tr class='success'><td>4</td><td>success</td></tr>
    <tr class='info'><td>5</td><td>info</td></tr>
    <tr class='warning'><td>6</td><td>warning</td></tr>
    <tr class='danger'><td>7</td><td>danger</td></tr>
</table>

2 같이 보기[ | ]

3 참고[ | ]

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