Olá, recentemente eu adicionei o código pra gerar o carrossel na view mas quando ponho pra rodar o comportamento do carrossel fica estranho, como se estivesse um embaixo do outro e lá no fundo fica um emaranhado de coisas sem sentido. já queimei minha cabeça atrás de fazer ele funcionar e nada até agora.
Estava tão empolgado com o curso chega agora nessa parte o codigo quebra, fiquei desanimado :( Conto com o apoio da comunidade pra tentar resolver esse problema, desde já obrigado.
Oi Alexandre, tudo bem?
Pode postar o código completo da sua view aqui para darmos uma olhada? Assim podemos descobrir como resolver o problema. Obrigado!
Oi Marcelo, segue código abaixo vale lembrar que estou usando asp.net core 2.2
@{
ViewData["Title"] = "Carrossel";
}
<div id="my-carousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#my-carousel" data-slide-to="0" class="active"></li>
<li data-target="#my-carousel" data-slide-to="1"></li>
<li data-target="#my-carousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img alt="First slide" src="http://placehold.it/1200x675&text=First+slide">
<div class="carousel-caption">
<h3>Caption heading 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="item">
<img alt="Second slide" src="http://placehold.it/1200x675&text=Second+slide">
<div class="carousel-caption">
<h3>Caption heading 2</h3>
<p>Morbi eget libero quis metus consectetur semper.</p>
</div>
</div>
<div class="item">
<img alt="Third slide" src="http://placehold.it/1200x675&text=Third+slide">
<div class="carousel-caption">
<h3>Caption heading 3</h3>
<p>Suspendisse ullamcorper massa eget eleifend iaculis.</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#my-carousel" 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="#my-carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>tem algo estranho?