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

고정 래퍼가 있는 Bootstrap 그리드에 비적층 열 클래스 사용

고정 래퍼가 있는 Bootstrap의 그리드 시스템을 사용하면 다음과 같은 경우 열이 수직으로 쌓이는 것을 방지할 수 있습니다. 브라우저 크기가 조정됩니다.

이를 달성하려면 작은 화면용으로 특별히 설계된 비스태킹 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>

데모: http://bootply.com/80085

Bootstrap 4 참고 사항:

Bootstrap 4에서는 비누적 열에 xs 접두사가 더 이상 필요하지 않습니다. 원하는 효과를 얻으려면 col-* 클래스를 사용하기만 하면 됩니다.

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!