메인 컬럼 너비 반응적 축소/확대 방법?

메인 컬럼 너비 반응적 축소/확대 방법?

QA

메인 컬럼 너비 반응적 축소/확대 방법?

본문

볼피트님의

부트스트랩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">로 지정되어 있는데,

이 부분의 클래스 값을 바꿔져야 할 듯한데, 방법을 알려주시면 고맙겠습니다.

 

 

1959224860_1576397830.8516.png

이 질문에 댓글 쓰기 :

답변 2

여전히 메인이 자유롭게 커지지 않네요.

스크린 포을 1920px 까지 키워봤을 때,

3-컬럼 상태에서나,

왼쪽 또는 오른쪽 컬럼을 없앤 2-컬럼 상태에서나,

또 양쪽 사이드 컬럼을 모두 없앤 1-컬럼 상태에서도, 

메인 컬럼의 폭은 겨우 840px 그다지 변화가 없네요 ㅜㅜ.

암튼, ...

이런저런 궁리 끝에 해결보았습니다.

감사합니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 110,774 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT