부트 스트랩 4 열 반응 형

Question

부트 스트랩을 사용 중이며 반응 형 레이아웃에 약간의 문제가 있습니다. 나는이 같은 4 열을 사용하고 2 개 행이 : setup-1

코드 : 해상도 < 1200 픽셀에

<div class="container"> 
    <div class="row"> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
     <div class="col"> 
      <div class="card"> 
       some image 
       some text 
      </div> 
     </div> 
    </div> 
</div> 

그것이 이런 식으로 변경 : setup-2

는 어떻게 변경할 수 있습니다 이런 식으로 열을 설정하려면 : setup-3

내가 책임지고있는 부트 스트랩 코드의 일부를 찾고 있었지만 succes없이. 내 'style.css'에서 덮어 쓸 방법이 있습니까?

Answer 1

대신

<div class="col"> 

당신은 사용할 수 있습니다 :

<div class="col-xl-3 col-lg-6"> 

당신은이 링크에 의해 부트 스트랩 그리드에 대한 자세한 정보를 읽을 수 있습니다 : https://www.w3schools.com/bootstrap4/bootstrap_grid_basic.asp