21'C 흐림
서울 강남구
부트스트랩 사용시 각 컬럼 사이의 간격이 30px 정도로 벌어지게 되어 개인적으로 만족도가 떨어집니다.
그래서 간격을 20px 정도로 줄여서 사용하고 있는데, 필요하신 분들은 참조하세요.
테마의 컬러셋 스타일시트에 부트스트랩용 클래스를 오버라이딩해서 사용하는 방식입니다.
사용하시는 colorset.css파일을 여시고, 제일 하단에 아래 내용을 추가해주세요.
----- 여기부터 -----
.container {
padding-left: 10px;
padding-right: 10px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-left: -10px;
margin-right: -10px;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 10px;
padding-right: 10px;
}
----- 여기까지 -----
기존에는 15px, -15px로 되어있는 것을 10px, -10px로 수정한 내용이고, 이렇게 하면 컬럼 간격이 20px이 됩니다.
만약 컬럼 간격을 10px로 하고 싶으시다면, 5px, -5px 로 수정하시면 됩니다.