고정 너비 래퍼에 부트스트랩 그리드 열이 쌓이는 것을 방지하는 방법은 무엇입니까?

고정 폭 래퍼를 사용한 부트스트랩 그리드 시스템: 열 스태킹 방지

고정 폭 래퍼 내에서 Bootstrap 3 그리드 시스템을 활용하면 열이 브라우저 뷰포트 크기가 변경됨에 따라 수직으로 쌓이는 경향이 있습니다. 이 동작을 해결하려면 col-xs-* 클래스를 사용하여 열을 스택되지 않는 요소로 렌더링합니다.

<code class="html"><div class="container">
  <div class="row">
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
  </div>
</div></code>

이 코드는 브라우저 크기 변경에 관계없이 열이 나란히 유지되도록 합니다. Bootstrap 4의 경우 col-xs-* 클래스는 더 이상 필요하지 않습니다.

<code class="html"><div class="container-fluid">
  <div class="row">
    <div class="col-4">.col-4</div>
    <div class="col-4">.col-4</div>
    <div class="col-4">.col-4</div>
  </div>
</div></code>

위 내용은 고정 너비 래퍼에 부트스트랩 그리드 열이 쌓이는 것을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!