Databases
StackOverflow2013
Postsdbo
POTwitterBootstrap 3 Carousel not working?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTwitterBootstrap 3 Carousel not working?
    text
    copied!<p>I seem to be having problems with Bootstrap's carousel. The last time I implemented one was when I was using Bootstrap 2.xx. Ripping from the 2.xx example code pages worked fine. But when I do the same, the carousel does not seem to work. Doesn't slide, nothing. I have included Bootstrap 3 CDN and the paths work. I have also included Jquery at the bottom of the page, the one they gave with the code, that is also still a live link. Any solutions/advice is highly appreciated.</p> <p>Thankyou</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Veyern Gaming&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&gt; &lt;link rel="stylesheet" href="css/style.css"/&gt; &lt;!-- Latest compiled and minified CSS --&gt; &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css"&gt; &lt;!-- Latest compiled and minified JavaScript --&gt; &lt;script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;!--Navbar--&gt; &lt;div class="navbar"&gt; &lt;ul class="nav navbar-nav"&gt; &lt;li class="active"&gt;&lt;a href="/index.html&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=""&gt;Forum&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=""&gt;Vote&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=""&gt;Store&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=""&gt;Stats&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;!--Image Slider--&gt; &lt;div id="carousel-example-generic" class="carousel slide"&gt; &lt;!-- Indicators --&gt; &lt;ol class="carousel-indicators"&gt; &lt;li data-target="#carousel-example-generic" data-slide-to="0" class="active"&gt;&lt;/li&gt; &lt;li data-target="#carousel-example-generic" data-slide-to="1"&gt;&lt;/li&gt; &lt;li data-target="#carousel-example-generic" data-slide-to="2"&gt;&lt;/li&gt; &lt;/ol&gt; &lt;!-- Wrapper for slides --&gt; &lt;div class="carousel-inner"&gt; &lt;div class="item active"&gt; &lt;img src="http://placehold.it/300x100" alt=""&gt; &lt;/div&gt; &lt;div class="item"&gt; &lt;img src="http://placehold.it/300x100" alt=""&gt; &lt;/div&gt; &lt;div class="item"&gt; &lt;img src="http://placehold.it/300x100" alt=""&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Controls --&gt; &lt;a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"&gt; &lt;span class="icon-prev"&gt;&lt;/span&gt; &lt;/a&gt; &lt;a class="right carousel-control" href="#carousel-example-generic" data-slide="next"&gt; &lt;span class="icon-next"&gt;&lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Scripts--&gt; &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;html&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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