Как использовать несколько carousel на странице в Bootstrap 3?

Question

[Михаил Гильмутдинов]

Помогите разобраться! Поменял id и все равно не пашет! Работает только одна! а остальные если не первые то ... не переключаются!(((

<div id="myBraincon" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myBraincon" data-slide-to="0" class="active"></li>
...
<a class="carousel-control left" href="#myBraincon" data-slide="prev">
...
<div id="myViaduk" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myViaduk" data-slide-to="0" class="active"></li>
...
<a class="carousel-control left" href="#myViaduk" data-slide="prev">

Answer 1

[Алексей Зуев]

Пример

Comments

[Михаил Гильмутдинов]

А можно чуточку поподробнее?

[Алексей Зуев]

Михаил Гильмутдинов: а можно в исходном вопросе вместо многоточий конкретные данные?

[Михаил Гильмутдинов]

<div id="myBraincon" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myBraincon" data-slide-to="0" class="active"></li>
...
<a class="carousel-control left" href="#myBraincon" data-slide="prev">
...
<div id="myViaduk" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myViaduk" data-slide-to="0" class="active"></li>
...
<a class="carousel-control left" href="#myViaduk" data-slide="prev">

[Алексей Зуев]

Михаил Гильмутдинов: стало быть стандартная карусель. Пример

[Алексей Зуев]

Михаил Гильмутдинов: если нужно сразу запуск прописать атрибут data-ride="carousel", для автостарта анимации Пример

[Алексей Зуев]

Михаил Гильмутдинов: если нужно разные интервалы перелистывания, то добавляем data-interval. Пример

[Михаил Гильмутдинов]

Спасибо большое!

Answer 2

[Faber Estello]

Перепроверьте еще раз верстку! По id , не иначе! Класс тут не поможет!
Управление

<a class="left carousel-control" href="#myCarousel" ... > ...

<li data-target="#myCarousel" data-slide-to="0"  ... >

#myCarousel - id слайдера. Работает по принципу "флагов"