최신 웹 개발 튜토리얼
 

Bootstrap CSS 표 참조


<table> 클래스

모든 테이블 스타일을 아래의 클래스를 사용합니다 :

수업 기술
.table 어떤 기본적인 스타일 (빛 패딩 만 수평 분할)를 추가합니다 <table> 시도 해봐
.table-striped 내 모든 테이블 행에 얼룩말 줄무늬를 추가 <tbody> (IE8에서는 사용할 수 없음) 시도 해봐
.table-bordered 테이블 셀의 모든면에 테두리를 추가합니다 시도 해봐
.table-hover 내 테이블 행에 마우스 오버 상태를 가능하게 <tbody> 시도 해봐
.table-condensed 반 셀 패딩을 절단하여 테이블보다 컴팩트하게 시도 해봐
모든 테이블 클래스를 결합 시도 해봐

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

색상 표 행 또는 셀에 아래의 클래스를 사용합니다 :

수업 기술
.active 특정 행 또는 셀에 마우스 오버 색상을 적용 시도 해봐
.success 성공 또는 긍정적 인 조치를 나타냅니다 시도 해봐
.info 중성 정보를 변경 또는 조치를 나타냅니다 시도 해봐
.warning 주의를해야 할 수도 있습니다 경고를 나타냅니다 시도 해봐
.danger 위험 또는 잠재적으로 부정적인 행동을 나타냅니다 시도 해봐

응답 테이블

.table 응답 클래스는 응답 테이블을 작성합니다. 표는 작은 장치 (768px에서) 수평으로 스크롤됩니다. 넓은 768px보다 큰 아무것도 볼 때 차이가 없습니다 :

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
»그것을 자신을 시도