2017-03-08 2 views
1

Das Karussell zeigt nur das erste Bild an. Es wird nicht von einem Bild zum nächsten rutschen. Hier ist mein Code:Bootstrap-Karussell Nächste und vorherige Funktion funktioniert nicht, nur das erste Bild wird angezeigt

<body> 
</nav> 
<div id="carousel1" class="carousel slide" data-ride="carousel"> 
<ol class="carousel-indicators"> 
    <li data-target="#carousel1" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel1" data-slide-to="1"></li> 
    <li data-target="#carousel1" data-slide-to="2"></li> 
</ol> 
<div class="carousel-inner" role="listbox"> 
    <div class="item active"><img src="../Images/BhutanBoys.png" 

    alt="First slide image" class="center-block"> 
    <div class="carousel-caption"> 
     <h3>First slide Heading</h3> 
     <p>First slide Caption</p> 
    </div> 
    </div> 
    <div class="item"><img src="../Images/Bhutan.png" alt="Second slide 

    image" class="center-block"> 
    <div class="carousel-caption"> 
     <h3>Second slide Heading</h3> 
     <p>Second slide Caption</p> 
    </div> 
    </div> 
    <div class="item"><img src="../Images/bicycleboy.png" alt="Third slide 

    image" class="center-block"> 
    <div class="carousel-caption"> 
     <h3>Third slide Heading</h3> 
     <p>Third slide Caption</p> 
    </div> 
    </div> 
    </div> 
    <a class="left carousel-control" href="#carousel1" role="button" 

    data-slide="prev"><span class="glyphicon glyphicon-chevron-left"  

    aria-hidden="true"></span><span class="sr-only">Previous</span></a><a 

    class="right carousel-control" href="#carousel1" role="button" 

    data-slide="next"><span class="glyphicon glyphicon-chevron-right" 

    aria-hidden="true"></span><span class="sr-only">Next</span></a></div> 
</div> 

<script src="js/jquery-1.11.3.min.js"></script> 
<script src="js/bootstrap.js"></script> 
</body> 
</html> 

ich ausgesehen haben, und ich kann das Problem lange nicht mehr finden. Ich habe versucht, andere Antworten zu verwenden, aber sie haben nicht funktioniert. bitte helfen, danke.

+0

Sie können Ihre Javascript-Dateien in die sowie die Bootstrap-.css-Dateien laden. Überprüfen Sie danach die Entwicklungstools Ihres Browsers (normalerweise F12), um zu sehen, ob sich auf der Registerkarte Netzwerkverkehr 404 befinden. Wenn Sie in der Netzwerkregisterkarte eine 404 für eine der Bootstrap-Dateien finden, zeigt dies an, dass sie nicht richtig geladen wird. – Porschiey

Antwort

0

Überprüfen Sie Ihren Code, es scheint, als ob Sie <div> Tags nicht geschlossen haben.

Laden Sie die Bootstrap-Css im -Tag?

Verwandte Themen