메인 컬럼 너비 반응적 축소/확대 방법?
본문
볼피트님의
부트스트랩4 커뮤니티테마 0.1(https://sir.kr/g5_theme/3195)
을 활용해서
메인 컬럼이 반응형으로 너비가 확대될수 있도록 해서 사용하고자 합니다.
1. 오른쪽 또는 왼쪽 사이드를 붙이거나 없앴을때, 또는
2. 1200px 이상으로 스크린 사이즈를 키웠을 때,
메인 컬럼만 자동으로 확장/축소되게 하고 싶습니다.
head.php의 태그를 보니,
사이드는 <div class="col-3 d-none d-lg-block">,
메인은 <div class="col">로 지정되어 있는데,
이 부분의 클래스 값을 바꿔져야 할 듯한데, 방법을 알려주시면 고맙겠습니다.
답변 2
<style>
.col { width:calc( 100% - 630px ); max-width: 1290px; }
</style>
여전히 메인이 자유롭게 커지지 않네요.
스크린 포을 1920px 까지 키워봤을 때,
3-컬럼 상태에서나,
왼쪽 또는 오른쪽 컬럼을 없앤 2-컬럼 상태에서나,
또 양쪽 사이드 컬럼을 모두 없앤 1-컬럼 상태에서도,
메인 컬럼의 폭은 겨우 840px 그다지 변화가 없네요 ㅜㅜ.
암튼, ...
이런저런 궁리 끝에 해결보았습니다.
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.