웹페이지 반응형 그리드 변경

Question

안녕하세요.반응형에 궁금한게 생겨서 문의드립니다..화면이 클때(1450px 이상) 일때 아래와 같은 테이블 형식(셀 병합을 어떻게 해야할지 모르겠어서 3을 두 번 타이핑했는데, '3'이 하나의 셀이라고 생각하시면 감사하겠습니다)1 &#61;> 높이 50%, 1행의 반, 1열의 반 사용2 &#61;> 높이 50%, 2행의 반, 1열의 반 사용3 &#61;> 높이 100%, 2열을 전체 사용1323이렇게 사용하다가 화면 사이즈가 1450px 이하 되면1 &#61;> 높이 50%, 1행의 반만 사용2 &#61;> 높이 50%, 2행을 전체 사용3 &#61;> 높이 50%, 1행의 반만 사용(아래 그림과 같이)1322변경 되고 싶은데. gird 검색해도 잘 나오지 않아 이렇게 문의드립니다..별거아닌 질문일 수 있지만 답변해주시면 정말 정말 감사하겠습니다.bootstrap 사용하고 있습니다..

OrangeBlack · Answer

부트스트랩 사용하시면 해당 문서 참고 바랍니다. https://getbootstrap.kr/docs/5.1/layout/grid/

고등어통조림 · Answer

이 경우는 각각의 경우로 테이블 모양 만드셔서미디어쿼리로 화면 크기에 따라 달리보이게 해야 하는 것 같네요해당 모양으로 바꾸는 경우 부트스트랩 그리드 옵션으로 한번에 바꾸는 게 불가능한 걸로 알고 있습니다

고등어통조림 · Answer

아… 가능한가…https://mjmjmj98.tistory.com/m/19 화면 사이즈가 sm인지 뭔지 모르겠는데 그 옵션으로 구분하셔서 각각 모양을 만드세요

mAJTykwMod · Answer

감사합니다.적어주신 링크 확인하여서 적용해보겠습니다.답변 남겨주셔서 감사합니다.

웹페이지 반응형 그리드 변경

4개의 답변

#grid 목록