부트스트랩 .table-condensed

1 개요

부트스트랩 .table-condensed

• 테이블 셀의 padding을 8px에서 5px로 줄인 클래스

<link href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css" rel="stylesheet">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
 
<table class='table table-bordered'>
    <tr><th>#</th><th>이름</th></tr>
    <tr><td>1</td><td>한놈</td></tr>
    <tr><td>2</td><td>두시기</td></tr>
</table>

<table class='table table-bordered table-condensed'>
    <tr><th>#</th><th>이름</th></tr>
    <tr><td>1</td><td>한놈</td></tr>
    <tr><td>2</td><td>두시기</td></tr>
</table>

2 같이 보기

• 부트스트랩 table