Вопрос по html5, bootstrap-4, twitter-bootstrap-4, css – Bootstrap 4 Карусель из нескольких предметов (несколько каруселей показаны одновременно)

11

Как реализовать карусель из нескольких предметов в Bootstrap 4? В документах упоминается несколько каруселей, но не карусель с несколькими элементами.

Попробуйте что-то вроде этогоcodeply.com/go/WEbiqQvGhy Zim
Что означает "карусель нескольких предметов"? Evan Trimboli
Карусель нескольких элементов означает, что одновременно отображается несколько элементов карусели. SemanticUI
Элементы перемещаются по отдельности SemanticUI

Ваш Ответ

1   ответ
13

но заполнить его несколькими элементами. Что-то вроде:

.item
  .col-xs-4
     {content}
  .col-xs-4
     {content}
  .col-xs-4
     {content}

Но тогда вы можете захотеть продвигать их по одному. Этого не случится с начальной загрузкой прямо из коробки. После реализации многих каруселей, я бы порекомендовал искать другую библиотеку каруселей, когда Bootstrap не отвечает всем требованиям. Slick.js - моя библиотека для многих опций конфигурации карусели. И это довольно тонкий ~ 5 000 минут и сжал.

Если вы жестко настроены на использование начальной загрузки, вот сценарий, который может обеспечить один шаг, состоящий из нескольких элементов:http://codepen.io/MarkitDigital/pen/ZpEByz

Я попытался добавить отступы на div и img, но не оставил места. SemanticUI
Можете ли вы поднять его на авторучку, чтобы по-настоящему быстро его освоить? Eric N
Я попытаюсь изучить codeopen, но сейчас я отредактировал slick-slide и установил его поле: 0px 20px; это место, чтобы измениться напрямую? SemanticUI
Почему slick.js не добавляет пробелы между элементами карусели, если количество отображаемых элементов больше 3? SemanticUI
У него есть правила стиля по умолчанию, такие как начальная загрузка. Они могут быть изменены по мере необходимости, хотя. Если вы добавляете отступы к вашим элементам, между ними всегда должно быть свободное пространство. Eric N

Похожие вопросы