Comment ajuster une image à l'intérieur de carrousel(Bootstrap)

J'ai fait un entièrement fonctionnel carrousel, mais le problème est que sur le côté droit de carrousel blanc bloc apparaît. Je veux ged débarrasser de cela. S'il vous plaît aider.

Comment ajuster une image à l'intérieur de carrousel(Bootstrap)

<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>
Essayez ceci :- .l'élément img{width:100%}
Utiliser des images qui sont de la bonne taille pour le carrousel?

OriginalL'auteur Akash279 | 2016-10-20

  1. 5

    Définir L'Image De width:100%

    .item img {
  width:100%
}

    Voici la Démo: https://jsfiddle.net/u9kkdLzb/

    c'est aussi bien fonctionner
    U peut m'expliquer cette ligne .l'élément img { width:100% }
    L'élément div dont le contenu curseur de texte et de l'image de chaque diapositive carrousel. de sorte que l'image qui vient à l'Élément div.. pour que css venir comme ça..

    OriginalL'auteur Minal Chauhan