Bootstrap 3.0.0: Как использовать данные-слайды вне индикаторов?

Question

Я пытаюсь сделать небольшую галерею, как показано ниже -

я уверен, что вы все видели их учитывая, что они являются довольно распространенными. При попытке сделать это с помощью бутстрапа я столкнулся с серьезной проблемой. Кажется, я не могу связать более мелкие нижние изображения с более крупным, чем тот, который был при нажатии на один из меньших, который изменяется на выбранное изображение. Я пытаюсь использовать data-slide-to, но, похоже, он не работает за пределами «индикаторов карусели». Я не могу поместить его в список индикаторов карусели, потому что это перемещает изображения вверх в галерею (возможно, это можно исправить с помощью CSS, но мои попытки оказались бесполезными). Кто-нибудь знает проблему? Я пробовал теги вокруг каждого изображения, которое, похоже, не работало, тогда я попробовал div. Еще ничего.

Что я пробовал:

• заключени изображения в.
• Перемещение меньших изображений внутри и снаружи внутреннего карусели.
• Создание пользовательского класса для небольших изображений.

Things отметить:

• Я использую 3.0.0
• Все изображения генерируются (если вы еще не догадались)
• Меньшие изображения отдельно от большего размера (не автоматическое масштабирование вниз)

Вещи, которые я планирую попробовать:

• данные целевого
• изменение ID
• Изменения класса сОн тега, который инкапсулирует все.

Answer 1

Как выясняется, загрузочный лоток требует от вас карусели как «myCarousel», а затем использовать целевые данные для каждого изображения. После изменения идентификатора и установки цели данных галерея теперь работает.