javascript - I can't seem to get Bootstrap Carousel to work locally, but it works on codepen -


i'm trying bootstrap carousel working on site, , shows collapsed, instead of going next slide, "jumps" down little bit.

here header might out of order:

<head> <script src="https://code.jquery.com/jquery-3.1.0.min.js" type="javascript"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="javascript"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/angular2-all-testing.umd.dev.js" type="javascript"></script> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> 

and here html carousel i'm having trouble with:

  <div class="carousel slide" id="spinner" data-ride="carousel">   <ol class="carousel-indicators">     <li class="active" data-target="#spinner" data-slide-to="0"></li>     <li data-target="#spinner" data-slide-to="1"></li>     <li data-target="#spinner" data-slide-to="2"></li>   </ol>   <div class="carousel-inner" role="listbox">     <div class="item active"><img src="http://placehold.it/600x300"></div>     <div class="item"><img src="http://placehold.it/600x300"></div>     <div class="item"><img src="http://placehold.it/600x300"></div>   </div>   <a class="left carousel-control" href="#spinner" role="button" data-slide="prev">   <span class="icon-prev" aria-hidden="true">   </span><span class="sr-only">previous</span>   </a>   <a class="right carousel-control" href="#spinner" role="button" data-slide="next">   <span class="icon-next" aria-hidden="true">   <span class="sr-only">next</span></span></a>     </div> 

as note, i've gotten work on codepen, doesn't run on machine i'm coding on.

carousel on codepen

i'm not concerned of carousel on codepen, functionality.

jquery 3 has compatibility issues bootstrap 3. codepen using jquery 2.2.4. switch jquery version 2.2.4


Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -