karuzela bootstrap twitter znika

Question

Myślę, że to może być prosty problem. ale wydaje mi się, że nie rozumiem tego. najlepszym sposobem, aby to wyjaśnić to, aby zobaczyć

Link: http://dynastyfireplaces.3dcartstores.com

jeśli zauważy suwak na stronie głównej. działa dobrze, dopóki nie osiągnie ostatniego slajdu, następnie suwak znika na kilka sekund, a następnie pojawia się ponownie.

Próbowałem zaktualizować ramkę programu startowego, ale nadal nie rozwiązuje problemu.

wszelkie pomysły, w których problem może być.

kod źródłowy:

<div class="carousel slide" id="myCarousel"> 
    <div class="carousel-inner"> 
     <div class="item"> 
      <img alt="" src="..."> 
     </div>  
     <div class="item"> 
      <img alt="" src="..."> 
     </div> 
     <div class="item active"> 
      <img alt="" src="..."> 
     </div> 
     <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a> 
     <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> 
    </div> 
</div> 

Answer 1

Problem pochodzi z .carousel-control s, które nie powinny być wewnątrz .carousel-inner: karuzela próbuje wyświetlić elementy sterujące jak przedmioty, powodując zanik.

Spróbuj tego:

<div class="carousel slide" id="myCarousel"> 
    <div class="carousel-inner"> 
     <div class="item"> 
      <img alt="" src="..."> 
     </div>  
     <div class="item"> 
      <img alt="" src="..."> 
     </div> 
     <div class="item active"> 
      <img alt="" src="..."> 
     </div> 
    </div> 
    <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a> 
    <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> 
</div>