부트스트랩 CSS 테이블 참조

❮ 이전의 다음 ❯

<표> 수업

아래 클래스를 사용하여 테이블의 스타일을 지정하십시오.

Class	Description	Example
.table	Adds basic styling (light padding and only horizontal dividers) to any <table>
.table-striped	Adds zebra-striping to any table row within <tbody> (not available in IE8)
.table-bordered	Adds border on all sides of the table and cells
.table-hover	Enables a hover state on table rows within a <tbody>
.table-condensed	Makes table more compact by cutting cell padding in half
Combining all the table classes

<tr>, <th> 및 <td> 클래스

아래 클래스를 사용하여 테이블 행 또는 셀에 색상을 지정합니다.

Class	Description	Example
.active	Applies the hover color (light-grey) to a particular row or cell
.success	Indicates a successful or positive action
.info	Indicates a neutral informative change or action
.warning	Indicates a warning that might need attention
.danger	Indicates a dangerous or potentially negative action

반응형 테이블

.table-responsive 클래스는 반응형 테이블을 생성합니다. 그러면 표가 소형 기기(768px 미만)에서 가로로 스크롤됩니다. 너비가 768px보다 큰 항목을 볼 때 차이가 없습니다.

예시

<div class="table-responsive">
<table class="table">
...
</table>
</div>

❮ 이전의 다음 ❯