Bootstrap grid slider, как реализовать?

Question

[Гарес Антонович]

Интересует как можна реализовать адаптивный слайдер, что бы на мобильных устройствах отображало 1 блок с возможностью скрола а на десктопе это был просто блок с 4ю элементами

Так же желательно что бы была возможность и включения слайдера на десктопе в случае если блоков будет больше чем 4

Структура тут

<div class="container">
	<div class="row">
		<div class="col-md-3">
контент
		</div>
		<div class="col-md-3">
контент
		</div>
		<div class="col-md-3">
контент
		</div>
		<div class="col-md-3">
контент
		</div>
	</div>
</div>

Answer 1

[Артур Карапетян]

Это независимый слайдер! Такой же как owl-carousel.Кстати, в owl-carousel удобнее респонсивные параметры.Там есть js-функция responsive, там ставите брекпоинты как в примере и готово . Вот пример использования : Воть. А также демо responsive вам в помощь.И на десктопах можно просто отключить перелистывание слайдов и будет вам счастье! Всегда рад помочь!

Answer 2

[Андрей Хохлов]

kenwheeler.github.io/slick

Comments

[Гарес Антонович]

Супер!
Ему же хватит только сетки bootstrap?

[Артур Карапетян]

Гарес Антонович: Это независимый слайдер! Такой же как owl-carousel

[Артур Карапетян]

Гарес Антонович: Кстати, в owl-carousel удобнее респонсивные параметры

[Гарес Антонович]

Артур: Простите за наглость, скажите пожалуйста каким из решений доступных в данном слайдере мне лучше всего воспользоваться?
Если вас не затруднит, спасибо!
я про слик

[Артур Карапетян]

Там есть js-функция responsive, там ставите брекпоинты как в примере и готово . Вот пример использования : Воть

[Артур Карапетян]

Гарес Антонович: А также демо responsive вам в помощь

[Артур Карапетян]

Гарес Антонович: И на десктопах можно просто отключить перелистывание слайдов и будет вам счастье

[Гарес Антонович]

Артур: Артур вы мне очень помогли, напишите пожалуйста ответ и если не сложно на тему owl карусели так же я отмечу решением