Bootstrap 3 에서 사용하는 Media query 사이즈

Bootstrap 에서 사용하는 Mediaquery 의 사이즈 입니다. (v. 3.1.1)

Media query 란 화면의 사이즈에 따라 Stylesheet 를 적용하는 방식으로 반응형 웹을 만들때 javascript 가 아닌 Stylesheet 를 이용하여 만들때 많이 사용합니다.

/* 가장 작은 크기 */
@media(max-width:767px){

}
/* 중간 1*/
@media(min-width:768px){

}
/* 중간 2 */
@media(min-width:992px){

}
/* 가장 큰 크기 */
@media(min-width:1200px){

}

위와 같은 코드를 <style> </style> 에 넣어주시고 각 크기에 맞게 원하는 스타일을 넣어 주시면 됩니다.