Использование 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
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

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