Bootstrap Grid - Large Devices

Bootstrap 그리드 예 : 대형 장치

이전 장에서, 우리는 중소 장치를위한 클래스와 그리드의 예를 제시했다. 우리는이 div의 (열)를 사용하고 우리는 그들에게 준 25%/75% 소형 기기에 분할 및 50%/50% 매체 장치에 분할 :

그러나 대형 기기의 디자인은 같은 더 좋을 수 33%/66% 분할.

팁 : 대형 장치가 1200 픽셀 이상에서 화면 폭을 갖는 것으로 정의된다.

대형 장치의 경우 우리는 사용 .col-lg-* 클래스를.

그래서 지금 우리는 큰 장치의 열 너비를 추가합니다 :

이제 부트 스트랩은 작은 크기로 "말과 클래스를 볼 것입니다 -sm- 그들과 중간 크기에서 사람들을. 사용과 클래스를 보면 -md- 보고, 그들과 큰 크기에 해당합니다. 사용 단어 클래스 -lg- 그들과 그 사용 "을 참조하십시오.

다음의 예는 발생합니다 25%/75% 소형 기기에 분할하는 50%/50% 매체 장치에 분할 및 33%/66% 큰 장치에 분할 :

만 대 사용

아래의 예에서, 우리는 단지 지정 .col-lg-6 (없는 클래스 .col-md-* 및 / 또는 .col-sm-* ). 이는 많은 소자가 50 % / 50 % 분할을 의미. 그러나, 중소형 장치의 경우, 수직 방향 (100 % 폭)을 적층한다 :