Slider Nächste und Prev-Taste befindet sich unter dem Schieberegler

-1

In diesem Tutorial scheint dieser Code gut zu funktionieren, aber wenn in meiner index.html implementiert, erscheinen die Next und Prev Chevron Icons unter dem Slider, nicht auf dem Slider. Siehe beigefügte Screenshot, Sie können die Tasten sehen, klein in der unteren linken Ecke. Was ist das Problem hier? Irgendeine Bootstrap-Klasse fehlt?Slider Nächste und Prev-Taste befindet sich unter dem Schieberegler

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

<div class="carousel-inner"> 
    <div class="item active"> 
     <img src="images/slide1.jpg" alt="Slider image"> 
     <div class="carousel-caption">This is a caption.</div> 
    </div> 
    <div class="item"> 
     <img src="images/slide2.jpg" alt="Slider image"> 
     <div class="carousel-caption">This is a caption.</div> 
    </div> 
    <div class="item"> 
     <img src="images/slide3.jpg" alt="Slider image"> 
     <div class="carousel-caption">This is a caption.</div> 
    </div> 
    <a href="#gallery-carousel" clsas="left carousel-control" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a href="#gallery-carousel" clsas="right carousel-control" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div>

Screenshot of slider

Quelle

2016-06-08 Hisham Mubarak

Sie zeigen uns nicht das Styling, das am wahrscheinlichsten die Positionierung betrifft – Li357

Ich habe kein externes Stylesheet an die Seite angefügt. Ich habe zwei Stile hinzugefügt. in der gleichen Seite –

"" Es gibt kein externes Sheet. Nur die Links Bootstrap, jQuery und Bootstrap JS sind die externen Links. –

Wechsel:

<a href="#gallery-carousel" clsas="left carousel-control" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
</a> 
<a href="#gallery-carousel" clsas="right carousel-control" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
</a>

Für:

<a href="#gallery-carousel" class="left carousel-control" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
</a> 
<a href="#gallery-carousel" class="right carousel-control" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
</a>

Die Klasse Attribut ist falsch geschrieben

Quelle

2016-06-08 05:36:20

Danke. Ich überprüfte die Schreibweise aller Klassennamen, nicht die "Klasse" selbst, mein Schlechter: D Wie auch immer, vielen Dank für die Hilfe, die es behoben hat. –

Slider Nächste und Prev-Taste befindet sich unter dem Schieberegler

Antwort

Verwandte Themen