Como ajustar totalmente uma imagem dentro do carrossel (Bootstrap)
Fiz um carrossel totalmente funcional, mas o problema é que no lado direito do bloco branco do carrossel está aparecendo. Eu quero me livrar disso. Por favor ajude.
<div class="carousel-inner">
<div class="item active">
<img src="Jellyfish.jpg" alt="image">
<div class="carousel-caption">
<h2>This is the heading</h2>
<p>This is paragraph</p>
</div>
</div>
<div class="item">
<img src="Koala.jpg" alt="image">
<div class="carousel-caption">
<h2 style="color:orange">This is the heading</h2>
<p>This is paragraph</p>
</div>
</div>
<div class="item">
<img src="Penguins.jpg" alt="image">
<div class="carousel-caption">
<h2>This is the heading</h2>
<p>This is paragraph</p>
</div>
</div>
<a href="#caro" class="left carousel-control" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a href="#caro" class="right carousel-control" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>