반응형 css 문의

부트스트랩 그리드 시스템은 12등분으로 나눠져 있습니다.

따라서 반반 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;
}