반응형웹에서 가로 스크롤 생기지 말고 테이블이 밑으로 떨어지게 하려면?
44
投稿した質問数 7
가로스크롤 생기지 않고 테이블이 밑으로 늘어지게해서 보이게 하는 부트스트랩 class명은
뭔가요?
回答 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)
질문해주셔서 감사합니다. 더 궁금한 점이 있다면 언제든지 질문해 주세요!
nested 리스트일때 <ul> bullet 스타일 바꾸는 방법
0
198
2
border 선 겹침 현상
0
174
1
[CSS 01-2-2] flex-wrap 한 칸 띄고 다음 줄로 넘어가는 현상...
0
238
2
3-2강 코드로 작성하지 않은 박스가 표시됩니다...?
0
161
2
absolute관련 질문 있습니다.
0
107
2
rightSectionWrapper,leftSectionWrapper 중앙정렬 질문입니다!
0
149
2
과제 완료
0
256
2
22강 연락처 추가하기 - css 파일 경로 지정
0
265
1
html input 태그에 readonly 속성 넣었을 때 배경이 회색으로 바뀌는 이유가 무엇인가요?
0
2719
1
leftSectionWrapper와 rightSectionWrapper 중앙 정렬
0
514
1
Mini Quiz 질문
0
285
2
animation 질문- 하나의 @keyframes로 특정 이벤트없이 한번, hover이벤트시 한번 적용 방법 문의.
0
514
2
CSS정렬 - 회원가입 폼 만들기 과제 질문
0
1004
2
CSS관련 질문
0
523
1
margin 대신 padding을 자주 쓰는 이유
0
701
1
[CSS-in-js] Emotion styled components 관련 질문입니다.
0
584
1
CSS정렬 - 회원가입 과제 코드 공유
2
3714
1
Live-server로 html 파일을 볼때 이상한 것들도 같이 보여요
0
573
1
프로젝트 완성 예시 css 밀림
0
480
1
overflow-x:hidden을 사용했는데, 모바일 화면에서 우측이 잘리고 가로 스크롤이
0
1595
2
autoprefixer를 스태틱한 css에 적용할 수 있는 방법이 있을까요?
2
563
1
부트스트랩 버젼 관련 문의
0
265
1
강의 중 overflow:hidden;에 관한 질문드립니다.
0
1265
1
기본 폰트 설정
0
536
0