인프런 커뮤니티 질문&답변
반응형웹에서 가로 스크롤 생기지 말고 테이블이 밑으로 떨어지게 하려면?
작성
·
27
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
yoo님이 질문하신 내용에 대해 답변드리겠습니다.
반응형 웹 디자인에서 테이블이 가로 스크롤 없이 아래로 늘어나도록 하기 위해서는 부트스트랩을 사용할 수 있습니다. 부트스트랩에서는 기본적으로 테이블을 위한 클래스가 있으며, table 클래스를 사용한 뒤, 필요에 따라 table-responsive 클래스를 사용하여 테이블이 가로 스크롤 없이 아래로 내려가도록 설정할 수 있습니다.
<div class="table-responsive">
<table class="table">
<!-- 테이블 내용 -->
</table>
</div>
table-responsive 클래스를 사용하면 테이블이 컨테이너의 너비를 초과할 경우 더 많은 열을 볼 수 있도록 아래로 늘어지게 됩니다.
- 부트스트랩 공식 문서를 참조하시기 바랍니다.
[부트스트랩 테이블 참조](https://getbootstrap.com/docs/4.0/content/tables/#responsive-tables)
질문해주셔서 감사합니다. 더 궁금한 점이 있다면 언제든지 질문해 주세요!





