[CSS] 어떻게 부트 스트랩 4 예기치 않은 열 순서를 해결하기 위해?

어떻게 부트 스트랩 4 예기치 않은 열 순서를 해결하기 위해?

해결법

1. ---

   1.부트 스트랩 4 개 용도의 인 flexbox, 그래서 열은 항상 동일한 높이가 될 것, 그리고 당신은 큰 화면에서 원하는 레이아웃을 얻을 수 없을 것입니다. 이 솔루션은 SM 최대의 인 flexbox을 해제하는 것입니다. 사용은 3 키 열이 오른쪽으로 수레 너무 수레. 인 flexbox의 순서 - 모바일 (XS)에서 작동합니다.

   부트 스트랩 4 개 용도의 인 flexbox, 그래서 열은 항상 동일한 높이가 될 것, 그리고 당신은 큰 화면에서 원하는 레이아웃을 얻을 수 없을 것입니다. 이 솔루션은 SM 최대의 인 flexbox을 해제하는 것입니다. 사용은 3 키 열이 오른쪽으로 수레 너무 수레. 인 flexbox의 순서 - 모바일 (XS)에서 작동합니다.

   https://www.codeply.com/go/c31HUTtXra

   <div class="container">
       <div class="row d-sm-block">
           <div class="float-left col-sm-8 medium order-2">
               Second column (medium)
           </div>
           <div class="float-left col-sm-4 short order-1">
               First column (short)
           </div>
           <div class="float-left col-sm-4 tall order-3">
               <p>Third column (tall)</p>
               ..
           </div>
       </div>
   </div>
   

   관련 : 모바일 버전에 다른 순서로 부트 스트랩 부트 스트랩에 열 사이의 수직 공간을 비 웁니다 4

from https://stackoverflow.com/questions/49306652/how-to-fix-unexpected-column-order-in-bootstrap-4 by cc-by-sa and MIT license