Laravel 블레이드가 다른 창에 청크가있는 데이터 표시

Question

데이터를 3 개로 그룹화하여 표시합니다. 원하는 것은 브라우저 창의 크기가 x보다 작은 경우 쌍으로 표시합니다. 내가 어떻게 해?

@foreach ($data['news']->chunk(3) as $chunk) 
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 pad_bottom_2"> 

    @foreach($chunk as $key => $new) 
     <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 pad_right_1"> 
      <article> 
       // CODE 
      </article> 
     </div> 
    @endforeach 

</div> 
@endforeach 

Answer 1

가장 좋은 방법은 CSS를 사용하는 것입니다.

.col-xs-12 {Your normal styles} 
... 

@media only screen and (max-width: 700px) { /* in case x = 700 */ 
    .col-x-12 {another style to match what you want for small screen} 
    ... 
} 

또 다른 방법은 javascript/jquery를 사용하는 것입니다. 어쨌든 이것은 클라이언트 측 코드의 의무이며 Laravel과 관련이 없습니다.

This intro을 읽고 Google 반응 형 웹 디자인을 읽을 수 있습니다.