@forelse ($shops as $shop) @php $index = $loop->iteration; // 1, 2, 3, 4번째 아이템 // 해상도별 동적 숨김 클래스 정의: // 1. col-xxl-3 (XXL 이상): 4개 모두 보임 (숨김 없음) // 2. col-xl-4 (XL 구간, 1200px~1399px): 한 줄에 3개만 보여야 하므로 4번째 아이템 숨김 ('d-xl-none') // 3. col-md-6 (MD~LG 구간, 768px~1199px): 한 줄에 2개씩 2줄(총 4개)로 딱 맞아떨어지므로 숨김 없음 $visibilityClass = ''; if ($index === 4) { $visibilityClass = 'd-none d-md-block d-xl-none d-xxl-block'; // 해석: 기본(모바일 작은 화면)은 숨기고(d-none), // 태블릿/PC(md~lg)는 보이고(d-md-block), // XL 화면에서는 다시 숨기고(d-xl-none), // XXL 화면에서는 다시 보이게(d-xxl-block) 처리! } @endphp @empty @endforelse