Использование flickity с bootstrap 4 для горизонтальной прокрутки карточек (отзывчивый)

Может ли кто-нибудь привести пример этого или, по крайней мере, успешный пример плавности внутри bootstrap 4? Я пытаюсь составить горизонтальный список карточек в виде карусели. Я хочу пролистать их по три раза. Использование легкость показалось интересным, но у меня с этим возникают различные проблемы в начальной загрузке 4. Карты не будут одинакового размера или просто исчезнут. Я пробовал использовать его с классами row / col (сетка) и без них, просто были разные проблемы. Это немного похоже на то, что я хочу достичь, за исключением полосы прокрутки: https://www.codeply.com/go/PF4APyGj7F

В данном примере вам не нужна полоса прокрутки для отображения?

Pramod Pandey 11.04.2018 12:47

@Pramod Я бы предпочел иметь своего рода отзывчивую карусель, которая бы содержала карточки, так что да, без полосы прокрутки. На настольном компьютере он отображал 3 карточки одновременно, а на мобильном телефоне - по одной.

Kevin 11.04.2018 22:01
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
2
795
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете скрыть полосу прокрутки. Вот код, чтобы скрыть полосу прокрутки: -

::-webkit-scrollbar { 
    display: none; 
}

Видимо firefox не очень хорошо это поддерживает ... ссылка на сайт

Kevin 11.04.2018 22:10

См. Ссылку stackoverflow.com/questions/20997183/…

Pramod Pandey 12.04.2018 08:33
Ответ принят как подходящий

Покопавшись в своей проблеме, я спросил на github Flickity, и кто-то смог предоставить мне рабочий пример BS4. Отсюда я знал, что этот плагин можно использовать с BS4. Мне просто нужно было понять, что я делаю не так. https://github.com/metafizzy/flickity/issues/742

Другие вопросы по теме