title: Carousel is not working in twitter bootstrap 2.3.2
body: <p>I am creating website using twitter bootstrap 2.3.2 in which I am having carousel.But Carousel is not sliding,I added java script for carousel but I dont know what is missing.</p>
  
  <p>Please tell me, what I am doing wrong? </p>
  
  <p>Here is the code what I am doing:</p>
  
  <pre><code>&lt;html&gt;
  
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
      &lt;title&gt;
        ExampleWebsite1
      &lt;/title&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
  
  
  
  
  
      &lt;link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet"&gt;
      &lt;link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet"&gt;
  
  
  
      &lt;script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"&gt;
      &lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;  
      $(document).ready(function () {  
          $('.dropdown-toggle').dropdown();  
      });  
  
  
                      &lt;style&gt;
  
                        .carousel .item {
      width: 100%; /*slider width*/
      max-height: 900px; /*slider height*/
  }
  .carousel .item img {
      width: 100%; /*img width*/
  }
  /*add some makeup*/
  .carousel .carousel-control {
      background: none;
      border: none;
  
  }
  /*full width container*/
  @media (max-width: 767px) {
      .block {
          margin-left: -20px;
          margin-right: -20px;
      }
  }
  
                      &lt;style&gt;
                          body{
                          background-color: #232323;
                          }
                          &lt;/style&gt;
  
  
  
                          &lt;style type="text/css"&gt; 
                          h1 { 
  
                          text-decoration: underline; color: #c00;
  
  
                          } 
                          h1 span{ color: #00A2E8
                          }
                          h1{font-weight: bold;}
  
                          h1{font-size: 30px;}
  
                          &lt;/style&gt; 
  
                          &lt;style&gt;
                          .navbar-inner{
                          height: 80px;
                          }
                          &lt;/style&gt;
  
  
  
  
      &lt;/head&gt;
  
                        &lt;body&gt;
  
  
                        &lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
                        &lt;div class="navbar-inner"&gt;
                        &lt;div class="container"&gt;
                         &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                        &lt;/a&gt;                     
                        &lt;a class="brand" href="#"&gt;&lt;img class="img-responsive" src="D:\Image\nyuralsimage.png"&gt;&lt;/a&gt;          
  
  
                        &lt;div class="nav-collapse collapse"&gt;
                        &lt;ul class="nav pull-right" id="top-nav"&gt;                    
  
                        &lt;li class="dropdown"&gt;&lt;a class="dropdown-toggle" data-toggle="dropdown" href="#section1"&gt;STUDIO&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                        &lt;ul class="dropdown-menu"&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Team&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Clients&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                        &lt;/li&gt;
                        &lt;li&gt;&lt;a href="#section2"&gt;SERVICES&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#section3"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#section4"&gt;SOCIAL CONNECT&lt;/a&gt;&lt;/li&gt;
  
  
  
                      &lt;/ul&gt;
  
                     &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;/nav&gt;
  
  
  
  
                      &lt;section class="block"&gt;
                      &lt;div id="myCarousel" class="carousel slide"&gt;
                          &lt;div class="carousel-inner"&gt;
                              &lt;div class="item active"&gt;
                                  &lt;img src="D:/Image/slide1copy.jpg" alt="Slide1" /&gt;
                              &lt;/div&gt;
                              &lt;div class="item"&gt;
                                  &lt;img src="http://lorempixel.com/1024/750" alt="Slide2" /&gt;
                              &lt;/div&gt;
                              &lt;div class="item"&gt;
                                  &lt;img src="D:/Image/slide3copy.jpg" alt="Slide3" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;‹&lt;/a&gt;
                          &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;›&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;/section&gt;
  
    &lt;script src="js/jquery-1.8.3.min.js"&gt;&lt;/script&gt;                                         
                       &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
                        &lt;script src="js/plugins.js"&gt;
                      &lt;/script&gt;
                        &lt;script src="js/main.js"&gt;
                      &lt;/script&gt;
  
  
                        &lt;script&gt;
                        $('#top-nav').onePageNav({
                          currentClass: 'active',
                            changeHash: true,
                            scrollSpeed: 1200
                        }
                        );
                        &lt;/script&gt;
  
         &lt;/body&gt;
         &lt;/html&gt;
  </code></pre>
  
  <p>Thanks.</p>