Good evening, I tried to find the answer to my question on the forum and I did not find it. I have a website developed in Asp.Net MVC and on the homepage I have a carousel in bootstrap. The carousel works normally, slides 3 images. I noticed that after a while, the images disappear, and the carousel stops working. It only displays the three dots below, which represents when you want to click on one of the slides. I tried to crawl the code and I'm not able to come up with a solution to understand why the carousel stops displaying images always after a while it is displayed.
<section id="slider">
<!--slider-->
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="slider-carousel" class="carousel slide" data-interval="100000" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#slider-carousel" data-slide-to="0" class="active"></li>
<li data-target="#slider-carousel" data-slide-to="1"></li>
<li data-target="#slider-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<div class="col-sm-6">
<h1><span>Stile</span> Speciale</h1>
<p>Lindo conjunto Cropped de Pelinho e Calça com Listra! </p>
@*<button type="button" class="btn btn-default get">Get it now</button>*@
</div>
<div class="col-sm-6">
<a href="/produto/0019">
<img src="Stile/Conjunto Cropped Pelinho e Calça Listra.jpg" class="girl img-responsive" alt="" width="500" height="400" />
@*<img src="images/home/pricing.png" class="pricing" alt="" />*@
</a>
</div>
</div>
<div class="item">
<div class="col-sm-6">
<h1><span>Stile</span> Speciale</h1>
<h2>Calça Moletom</h2>
@*<p>Body da Jeiza da novela!! </p>*@
@*<button type="button" class="btn btn-default get">Get it now</button>*@
</div>
<div class="col-sm-6">
<a href="/produto/0005">
<img src="Stile/Calça Moletom.jpg" class="girl img-responsive" alt="" width="500" height="400" />
</a>
@*<img src="images/home/pricing.png" class="pricing" alt="" />*@
</div>
</div>
<div class="item">
<div class="col-sm-6">
<h1><span>Stile</span> Speciale</h1>
<h2>Blusa de Tule</h2>
@*<p>Body da Jeiza da novela!! </p>*@
@*<button type="button" class="btn btn-default get">Get it now</button>*@
</div>
<div class="col-sm-6">
<a href="/produto/0001">
<img src="Stile/Blusa de Tule.jpg" class="girl img-responsive" alt="" width="500" height="400" />
@*<img src="images/home/pricing.png" class="pricing" alt="" />*@
</a>
</div>
</div>
<a href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev">
@*<i class="fa fa-angle-left"></i>*@
</a>
<a href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next">
@*<i class="fa fa-angle-right"></i>*@
</a>
</div>
</div>
</div>
</div>