은 자동으로 반응하는 부트 스트랩 3입니까?

Question

나는 그것이 Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.을 이해하므로 웹 사이트가 반응이 빠르고 좋아집니다. 현재 css에 대한 또 다른 파일을 가지고 있는데 여기에서 media queries을 사용하고이를 통해 내 CSS 레이아웃을 구성합니다 (응답하는 방법).

부트 스트랩이 나를위한 모든 미디어 쿼리를 처리합니까? 아니면 추가 작업을해야합니까?

Answer 1

맞습니다. 모든 미디어 쿼리는 부트 스트랩에 의해 처리됩니다. html 요소에 적절한 클래스를 할당하면됩니다.

그리드 시스템에

자세한 내용은 여기에서 찾을 수 있습니다 : http://getbootstrap.com/css/#grid

당신은 부트 스트랩이

'상자 밖으로'일에 대한 귀하의 HTML을 추가 CSS의 수정을 가할 필요가 없습니다 수정해야합니다

부트 스트랩은 XS, XM, MD 및 LG의 네 가지 장치 크기를 사용합니다. 다음은 부트 스트랩에서 사용하는 미디어 쿼리입니다. 당신은 당신이 당신의 체계가 theres의 가까이에다는 것을 확인할 수있다 그래야 비교하고 싶을 수도있다. 그렇지 않으면 더 큰 점검을해야 할 수도 있습니다.

/* Extra small devices (phones, less than 768px) */ 
/* No media query since this is the default in Bootstrap */ 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-sm-min) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-md-min) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg-min) { ... }