title: carousel image not being full width even with min-width:100%
body: <p>my image in carousel doesn't have a full width. and I want to reduce the height of the carousel that I've decided to upload it here. 
  below is my code for the carousel. please any attempt to help will be appreciated. I already tried playing with the height of image.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-sm-8"&gt;
      &lt;div class='carousel slide' id="myCarousel"&gt;
  
      &lt;ol class="carousel-indicators"&gt;
          &lt;li class="active" data-slide-to="0" data-target="#myCarousel"&gt;&lt;/li&gt;
  &lt;li class="active" data-slide-to="1" data-target="#myCarousel"&gt;&lt;/li&gt;
  &lt;li class="active" data-slide-to="2" data-target="#myCarousel"&gt;&lt;/li&gt;
      &lt;/ol&gt;
  
  
      &lt;div class="carousel-inner"&gt;
          &lt;div class="item active" id="slide1"&gt;
              &lt;img src = "http://i.imgur.com/SQ691ZO.jpg"/ &gt;
              &lt;div class="carousel-caption"&gt;
                  &lt;h4&gt;hello&lt;/h4&gt;
                  &lt;p&gt;hi you&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;div class="item" id="slide2"&gt;
                              &lt;img src = "http://i.imgur.com/SQ691ZO.jpg" /&gt;
  
              &lt;div class="carousel-caption"&gt;
                  &lt;h4&gt;hello&lt;/h4&gt;
                  &lt;p&gt;hi you&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;div class="item" id="slide3"&gt;
                              &lt;img src = "http://i.imgur.com/SQ691ZO.jpg" /&gt;
  
              &lt;div class="carousel-caption"&gt;
                  &lt;h4&gt;hello&lt;/h4&gt;
                  &lt;p&gt;hi you&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  
  &lt;a class="left carousel-control" data-slide="prev" href="#myCarousel"&gt;&lt;span class="icon-prev"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;a class="right carousel-control" data-slide="next" href="#myCarousel"&gt;&lt;span class="icon-next"&gt;&lt;/span&gt;&lt;/a&gt;
  
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>