Question

一切正常，除了。图像不会从一个滑到另一个。也许这些图像可能很大。我尝试用width =“”height =“”缩小它们。它只会让我的图像消失。预览和下一个远离图像。有人可以帮我找出原因。

<!DOCTYPE HTML>

    <html>

    <head>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/home/owner/Documents/Practice/css/bootstrap.min.css" rel="stylesheet">
    <link href="/home/owner/Documents/Practice/css/carousel.css" rel="stylesheet">
    <script src="/home/owner/Documents/Practice/js/bootstrap.min.js"></script>
    <script src="/home/owner/Documents/Practice/js/bootstrap.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    </head>
    <body>



    <div id="myCarousel" class="carousel slide">

    <ol class = "carousel-indicators">
    <li data-target = "#myCarousel" data-slide-to = "0" class = "active"></li>
    <li data-target = "#myCarousel" data-slide-to = "1"></li>
    <li data-target = "#myCarousel" data-slide-to = "2"></li>
    </ol>


    <div class ="carousel-inner">

    <div class = "item active">
    <img src = "/home/owner/Documents/Practice/images/Durban.jpg" class="img-responsive">
    </div>

    <div class = "item">
    <img src = "/home/owner/Documents/Practice/images/Johannesburg.jpeg" class="img-responsive">
    </div>

    <div class = "item">
    <img src = "/home/owner/Documents/Practice/images/Lighthouse.jpg" class="img-responsive">
    </div>


    </div>

    <a class= "carousel-control left" href="#myCarousel" data-slide ="prev">
    <span class= "icon-prev"></span>

    </div>

    <a class="carousel-control right" href="#myCarousel" data-slide ="next">
    <span class = "icon-next"></span>

    </div>




    </body>
    </html>

Bootstrap Carousel不会滑动

0 个答案: