2017-07-25 5 views
0

Ich versuche ein Karussell zu verwenden, aber nächste und vorherige Logos nicht angezeigt.Bootstrap Karussell nächste und vorherige Logo Doesent zeigen

Like in this image.

<!--Slide start --> 


<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="3"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
     <img src="img/sampleslide.png" alt="Açıklama"> 
     <div class="carousel-caption"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam dolorem corporis distinctio fuga modi provident facilis quod, quis totam temporibus fugit commodi? Vero magnam cupiditate est eveniet, ipsam quo consectetur. 
     </div> 
    </div> 
    <div class="item"> 
     <img src="img/sampleslide.png" alt="..."> 
     <div class="carousel-caption"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non dolor cum, suscipit reprehenderit voluptates sint fugiat eveniet iure in, sequi recusandae repellendus laborum aut obcaecati? Ducimus laborum nulla natus fugiat. 
     </div> 
    </div> 

    <div class="item"> 
     <img src="img/sampleslide.png" alt="..."> 
     <div class="carousel-caption"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non dolor cum, suscipit reprehenderit voluptates sint fugiat eveniet iure in, sequi recusandae repellendus laborum aut obcaecati? Ducimus laborum nulla natus fugiat. 
     </div> 
    </div> 

    <div class="item"> 
     <img src="img/sampleslide.png" alt="..."> 
     <div class="carousel-caption"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non dolor cum, suscipit reprehenderit voluptates sint fugiat eveniet iure in, sequi recusandae repellendus laborum aut obcaecati? Ducimus laborum nulla natus fugiat. 
     </div> 
    </div> 

    </div> 


    <!-- Controls --> 
    <a class="left carousel-control" href="#carousel-example-generic" 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="#carousel-example-generic" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 
    </a> 
</div> 

Das sind meine Steuercodes. Ist irgendetwas nicht in Ordnung? Hier ist mein ganzer Code: https://pastebin.com/KKYx3yBF

+0

Hmm ... Sieht nicht wie der vollständige Code aus. Möchten Sie den vollständigen Code veröffentlichen? –

+0

Mein ganzer Code ist hier: https://pastebin.com/KKYx3yBF –

+0

Welche Version von Bootstrap verwenden Sie? –

Antwort

0

Ich habe das Problem gefunden. Es ist, weil, wenn Sie nur Bootstrap CDN enthalten, dann werden sie nicht angezeigt. Daher sollten Sie diesen Link in die HTML-Datei aufnehmen.

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 
Verwandte Themen