content 영역 div 태그 class에
col-lg-9 col-md-9 col-sm-9 col-xs-12 pull-right
위와 같은 설정이있는데
간략하게 설명좀 들을 수 있을까요?,,
content 영역 div 태그 class에
col-lg-9 col-md-9 col-sm-9 col-xs-12 pull-right
위와 같은 설정이있는데
간략하게 설명좀 들을 수 있을까요?,,
Copyright © THE K All Rights Reserved.
따라서 반반 2개 넣으시는경우 그 절반인 6입니다.
반응형은 col-lg-6( pc 1200px 이상), col-md-6(992px 이상), col-sm-6(768px 이상), col-xs-6(768px 이하)
예)
class="col-lg-6 col-md-6 col-sm-12 col-xs-12"
큰 사이즈에서는 2개 작은사이즈에서 1개는 이런식으로 작성합니다.
* 그러나 다른 css때문에 적용이 안될겁니다.
따라서 부트스트랩 css에서 사이즈별로 찾아서 수정하시던가 thek.css에 추가해줍니다.
그리고 !important; 붙여줘야 이걸 읽습니다.
예) 밑의 코드가 bootstrap.min.css 에 사이즈 별로 있습니다.
@media (min-width: 992px)
.col-md-6 {
width: 50% !important;
}