Leere Folie in Bootstrap 3 zwischen jeder Bildfolie

Question

Ich habe Bootstrap Karussell in meiner Webseite verwendet, aber es gibt ein Problem in den Folien. Das erste Bild wird mit Inhalt verschoben, das zweite ist leer, dann das dritte Bild, und auf dem dritten Bild befindet sich ein leerer Seitenschieber.

Mein Code:

<div id="myCarousel" class="carousel slide"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" ></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2" class="active"></li> 
    </ol> 
    <div class="carousel-inner"> 
     <div class="item"> 
      <img src="/site/img/daa.jpg" > 
     </div> 
     <div class="item"> 
      <img src="/site/img/2.jpg" > 
     </div> 
     <div class="item active"> 
      <img src="/site/img/grad.jpg" > 
     </div> 
    </div> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
</div> 

keine Ränder, keine Polsterung, keine .left oder .right und schließlich im Code keine Leerzeichen .. Was könnte das Problem sein?

Answer 1

Ihr Code hat einige Probleme Code Look at new updated bearbeitet IM- und jetzt können Sie Bootstrap Carousel Plugin

The Carousel plugin is a component for cycling through elements, like a carousel (slideshow). 

Erfahren Sie mehr darüber W3SCHOOL

<div id="myCarousel" class="carousel slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <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" role="listbox"> 
    <div class="item active"> 
     <img class="first-slide" src="http://s32.postimg.org/osirordf9/2_black_wallpaper_pattern_preview.jpg" alt="First slide"> 
     <div class="container"> 

     </div> 
    </div> 
    <div class="item"> 
     <img class="second-slide" src="http://s32.postimg.org/osirordf9/2_black_wallpaper_pattern_preview.jpg" alt="Second slide"> 
     <div class="container"> 

     </div> 
    </div> 
    <div class="item"> 
     <img class="third-slide" src="http://s32.postimg.org/osirordf9/2_black_wallpaper_pattern_preview.jpg" alt="Third slide"> 
     <div class="container"> 

     </div> 
    </div> 
    </div> 
    <a class="left carousel-control" href="#myCarousel" 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="#myCarousel" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class 

Answer 2

Danke für Ihr Interesse verstehen. Ich habe Geige benutzt und mein Karussell getestet, es hat gut funktioniert, , also habe ich nach mehr Anstrengung das Problem entdeckt. Es war, weil ich CSS-Datei mit

.next,.prev{ 
display: none !important; 
} 

aber ich weiß nicht tief verstehen, warum es leere Folie verursacht, nicht nur weiße Seiten in meinen Dias!

Dank wieder