Bootstrap 3은 실제로 연속적으로 12개 이상의 열을 가질 수 있습니까?

Bootstrap 3: 행에 12개 이상의 열 사용

제공된 코드 조각은 대규모 열 그룹에 대한 Bootstrap 3의 동작을 재정의하여 다음을 허용합니다. 12개 이상의 열을 연속으로 사용하려면 그러나 Bootstrap은 행당 12개의 열로 엄격하게 제한하지 않는다는 점을 명확히 하는 것이 중요합니다.

Bootstrap 문서에 따르면 단일 행에 12개 이상의 열을 가질 수 있습니다. 그러나 이 제한을 초과하면 추가 열이 단일 단위로 새 줄로 줄바꿈됩니다. 이 "열 래핑"은 그리드 시스템의 응답 특성을 유지하는 데 필요합니다.

이 동작을 보여주기 위해 다음 코드 예제를 고려하십시오.

<code class="html"><div class="container">
  <div class="row large-group" style="background-color:#ebebeb;">    
    <div class="col-xs-9"><div style="background-color:#babeee;"><p>col 9</p></div></div>    
    <div class="col-xs-3"><div style="background-color:#fefeeb;"><p>col 3</p></div></div>    
    <div class="col-xs-12"><div style="background-color:#bada55;"><p>col 12</p></div></div>    
  </div>    
</div></code>

이 예제에는 14개가 있습니다. 그러나 열은 여전히 ​​올바르게 표시되고 반응형 레이아웃을 유지하면서 새 줄로 줄바꿈됩니다.

따라서 원본 게시물. Bootstrap에서는 "열 줄 바꿈" 동작을 고려한다면 이미 12개 이상의 열을 연속해서 사용할 수 있습니다.

위 내용은 Bootstrap 3은 실제로 연속적으로 12개 이상의 열을 가질 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!