title: Fixed height and width for bootstrap carousel
body: <p>I am using the bootstrap carousel but I want a fixed width and height so that all my images will auto fit to the defined height and width. Can someone please help me on achieving this.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="span8"&gt;
          &lt;div id="myCarousel" class="carousel slide"&gt;
              &lt;ol class="carousel-indicators"&gt;
                  &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                  &lt;li data-target="#myCarousel" data-slide-to="1" class=""&gt;&lt;/li&gt;
                  &lt;li data-target="#myCarousel" data-slide-to="2" class=""&gt;&lt;/li&gt;
              &lt;/ol&gt;
              &lt;div class="carousel-inner"&gt;
                  &lt;div class="item active"&gt;
  
                      &lt;img src="~/Images/Carousel/carousel_1.jpg" alt="http://www.google.com"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;First Thumbnail label&lt;/h4&gt;
  
                          &lt;p&gt;Deals you cannot miss.&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img src="~/Images/Carousel/carousel_2.jpg" alt="http://www.google.com"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;Second Thumbnail label&lt;/h4&gt;
  
                          &lt;p&gt;Claim it now.&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img src="~/Images/Carousel/carousel_1.jpg" alt="http://www.google.com"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;Third Thumbnail label&lt;/h4&gt;
  
                          &lt;p&gt;Act fast. Only for today.&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;‹&lt;/a&gt;
              &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;›&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>