부트스트랩에서는 화면 폭이 좁을 때(768px 이하) 하단에 스크롤바가 나타나며 수평으로 스크롤해서 테이블을 볼 수 있게 했습니다. <table> 태그 외곽에 <div> 태그로 감싸서 .table-responsive 클래스를 추가하면 반응형 테이블로 사용할 수 있습니다.
<div class=”table-responsive“>
<table class=”table“>…</table>
</div>
<table class=”table“>…</table>
</div>
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
[bootstrap] 부트스트랩 – 인라인 폼(Inline form) (0) | 2016.01.27 |
---|---|
[bootstrap] 부트스트랩 – 폼(form)의 기본 형태 (0) | 2016.01.26 |
[bootstrap] 부트스트랩 – 테이블(table) 문맥 클래스(class) (0) | 2016.01.26 |
[bootstrap] 부트스트랩 – .table-condensed 클래스 (0) | 2016.01.26 |
[bootstrap] 부트스트랩 – .table-hover 클래스 (0) | 2016.01.26 |
댓글