Задать вопрос
@miniven

Как сделать разный foreach в laravel в зависимости от размера экрана?

Есть слайдер. В каждом слайде по 6 карточек. Реализовано вот так:

@foreach($slider->chunk(6) as $slider_chunk)
				<div class="swiper-slide examples__slide">

					@foreach($slider_chunk as $slide)
					<div class="col-md-4">
						<a href="#" id="objects-open" class="object pop-up-open">
							<div class="object__overlay">
								<img src="{{ $slide->img_path }}" alt="">
							</div>
							<div class="object__info">
								<h4 class="object__title">{{ $slide->title }}</h4>
								<span class="object__location">{{ $slide->location }}</span>
							</div>
							<span class="object__price">{{ $slide->price }} &#8364;</span>
						</a>
					</div>
					@endforeach

				</div>
				@endforeach


Мне же нужно, чтобы на мобильной версии в каждом слайде было по одной карточке, а не по 6, как в десктопной.
Как это можно сделать?
  • Вопрос задан
  • 475 просмотров
Подписаться 1 Оценить Комментировать
Ответ пользователя Vladimir S К ответам на вопрос (4)
hePPer
@hePPer
<div class="col-md-4"> попробовать заменить на что-то типа <div class="col-xs-12 col-sm-6 col-md-4">
Ответ написан
Комментировать