반응형웹에서 가로 스크롤 생기지 말고 테이블이 밑으... - Inflearn

안녕하세요, 인프런 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)

질문해주셔서 감사합니다. 더 궁금한 점이 있다면 언제든지 질문해 주세요!

Inflearn Community Q&A

반응형웹에서 가로 스크롤 생기지 말고 테이블이 밑으로 떨어지게 하려면?