Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap 3 carousel controls and indicator links not working
    primarykey
    data
    text
    <p>I am scratching my head why Bootstrap 3 carousel controls (and indicator) links are not working on my page. It was a simple copy-paste from docs + a little of CSS customization. Code can be seen here <a href="http://bevog.si.bitcloud.nine.ch/" rel="noreferrer">http://bevog.si.bitcloud.nine.ch/</a> (#gallery).</p> <p>UPDATE:</p> <p>Carousel init code</p> <pre><code>/* GALLERY */ $('#gallery-carousel').carousel() </code></pre> <p>Carousel markup</p> <pre><code>&lt;div id="gallery-carousel" class="carousel slide"&gt; &lt;ol class="carousel-indicators"&gt; &lt;li data-target="#bevog-image-1" data-slide-to="0" class="active"&gt;&lt;/li&gt; &lt;li data-target="#bevog-image-2" data-slide-to="1"&gt;&lt;/li&gt; &lt;li data-target="#bevog-image-3" data-slide-to="2"&gt;&lt;/li&gt; &lt;/ol&gt; &lt;div class="carousel-inner"&gt; &lt;div class="item active" id="bevog-image-1"&gt; &lt;img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"&gt; &lt;/div&gt; &lt;div class="item" id="bevog-image-2"&gt; &lt;img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"&gt; &lt;/div&gt; &lt;div class="item" id="bevog-image-3"&gt; &lt;img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"&gt; &lt;/div&gt; &lt;/div&gt; &lt;a class="left carousel-control" data-slide="prev" href="#"&gt;&lt;span class="icon-prev"&gt;&lt;/span&gt;&lt;/a&gt; &lt;a class="right carousel-control" data-slide="next" href="#"&gt;&lt;span class="icon-next"&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload