twitter-bootstrap => 격자 네 스팅

소개

부트 스트랩에서는 그리드 열 을 다른 열 내부 에서 사용할 수 있습니다. 이는 여러 그리드 계층 을 사용하는 고급 응답 레이아웃을 만들 때 유용합니다.

비고

위에서 언급 한 방법으로 최대한 많은 수의 열을 가질 수 있습니다.

열 중첩

<div class="row">
  <div class="col-sm-9">
    Level 1: .col-sm-9
    <div class="row">
      <div class="col-xs-8 col-sm-6">
        Level 2: .col-xs-8 .col-sm-6
      </div>
      <div class="col-xs-4 col-sm-6">
        Level 2: .col-xs-4 .col-sm-6
      </div>
    </div>
  </div>
</div>

이 예제는 [ http://getbootstrap.com/css/#grid-nesting][1] 에서 가져온 것입니다 .

공식 웹 사이트의 문서에서 알 수 있듯이

콘텐츠를 기본 격자로 중첩 시키려면 기존 .col-sm- * 열에 새로운 .row 및 .col-sm- * 열 집합을 추가하십시오. 중첩 된 행에는 최대 12 개 이하의 열을 포함해야합니다 (12 개의 사용 가능한 열을 모두 사용할 필요는 없습니다).

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow

twitter-bootstrap
격자 네 스팅

수색…

소개

비고

열 중첩