title: bootstrap 3 carousel shrinks in height when cycling
body: <p>As i said while the carousel cycles the height of the elements inside it become smaller until it reaches the next frame. I someone could shed some light upon this issue i would greatly appreciate it, it's something that just has to be fixed and it's driving me nuts an all others sorts of edible things.</p>
  
  <p>The html :</p>
  
  <pre><code>               &lt;div id="shop-crsl-1" class="carousel slide shop-crsl hidden-xs" data-ride="carousel"&gt;
  
                      &lt;!-- Wrapper for slides --&gt;
                      &lt;div class="carousel-inner"&gt;
                          &lt;div class="item active row"&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="shop-col-item"&gt;
                                      &lt;div class="photo"&gt;
                                          &lt;img src="images/sc/shop-crsl-1.png" class="img-responsive" alt="a"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="info"&gt;
                                          &lt;div&gt;
                                              &lt;div class="price"&gt;
                                                  &lt;h5&gt;Casual Suit&lt;/h5&gt;
                                                  &lt;h5 class="main-text-color"&gt;$199.99&lt;/h5&gt;
                                              &lt;/div&gt;
  
                                              &lt;div class="rating"&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="fa fa-star"&gt;&lt;/i&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;div class="btns clear-left"&gt;
                                              &lt;p class="btn-add"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;&lt;a href="#"&gt;Add to cart&lt;/a&gt;&lt;/p&gt;
                                              &lt;p class="btn-details"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt;&lt;a href="#"&gt;More details&lt;/a&gt;&lt;/p&gt;
                                          &lt;/div&gt;
                                          &lt;div class="clearfix"&gt;&lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="shop-col-item"&gt;
                                      &lt;div class="photo"&gt;
                                          &lt;img src="images/sc/shop-crsl-2.png" class="img-responsive" alt="a"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="info"&gt;
                                          &lt;div&gt;
                                              &lt;div class="price"&gt;
                                                  &lt;h5&gt;Night Suit&lt;/h5&gt;
                                                  &lt;h5 class="main-text-color"&gt;$249.99&lt;/h5&gt;
                                              &lt;/div&gt;
  
                                              &lt;div class="rating"&gt;
  
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;div class="btns clear-left"&gt;
                                              &lt;p class="btn-add"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;&lt;a href="#"&gt;Add to cart&lt;/a&gt;&lt;/p&gt;
                                              &lt;p class="btn-details"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt;&lt;a href="#"&gt;More details&lt;/a&gt;&lt;/p&gt;
                                          &lt;/div&gt;
                                          &lt;div class="clearfix"&gt;&lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="shop-col-item"&gt;
                                      &lt;div class="photo"&gt;
                                          &lt;img src="images/sc/shop-crsl-3.png" class="img-responsive" alt="a"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="info"&gt;
                                          &lt;div&gt;
                                              &lt;div class="price"&gt;
                                                  &lt;h5&gt;Elegant Suit&lt;/h5&gt;
                                                  &lt;h5 class="main-text-color"&gt;$149.99&lt;/h5&gt;
                                              &lt;/div&gt;
  
                                              &lt;div class="rating"&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="fa fa-star"&gt;&lt;/i&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;div class="btns clear-left"&gt;
                                              &lt;p class="btn-add"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;&lt;a href="#"&gt;Add to cart&lt;/a&gt;&lt;/p&gt;
                                              &lt;p class="btn-details"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt;&lt;a href="#"&gt;More details&lt;/a&gt;&lt;/p&gt;
                                          &lt;/div&gt;
                                          &lt;div class="clearfix"&gt;&lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="item row"&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="shop-col-item"&gt;
                                      &lt;div class="photo"&gt;
                                          &lt;img src="images/sc/shop-crsl-1.png" class="img-responsive" alt="a"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="info"&gt;
                                          &lt;div&gt;
                                              &lt;div class="price"&gt;
                                                  &lt;h5&gt;Super-Casual Suit&lt;/h5&gt;
                                                  &lt;h5 class="main-text-color"&gt;$199.99&lt;/h5&gt;
                                              &lt;/div&gt;
  
                                              &lt;div class="rating"&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="fa fa-star"&gt;&lt;/i&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;div class="btns clear-left"&gt;
                                              &lt;p class="btn-add"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;&lt;a href="#"&gt;Add to cart&lt;/a&gt;&lt;/p&gt;
                                              &lt;p class="btn-details"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt;&lt;a href="#"&gt;More details&lt;/a&gt;&lt;/p&gt;
                                          &lt;/div&gt;
                                          &lt;div class="clearfix"&gt;&lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="shop-col-item"&gt;
                                      &lt;div class="photo"&gt;
                                          &lt;img src="images/sc/shop-crsl-2.png" class="img-responsive" alt="a"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="info"&gt;
                                          &lt;div&gt;
                                              &lt;div class="price"&gt;
                                                  &lt;h5&gt;Super-Night Suit&lt;/h5&gt;
                                                  &lt;h5 class="main-text-color"&gt;$249.99&lt;/h5&gt;
                                              &lt;/div&gt;
  
                                              &lt;div class="rating"&gt;
  
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;div class="btns clear-left"&gt;
                                              &lt;p class="btn-add"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;&lt;a href="#"&gt;Add to cart&lt;/a&gt;&lt;/p&gt;
                                              &lt;p class="btn-details"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt;&lt;a href="#"&gt;More details&lt;/a&gt;&lt;/p&gt;
                                          &lt;/div&gt;
                                          &lt;div class="clearfix"&gt;&lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="shop-col-item"&gt;
                                      &lt;div class="photo"&gt;
                                          &lt;img src="images/sc/shop-crsl-3.png" class="img-responsive" alt="a"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="info"&gt;
                                          &lt;div&gt;
                                              &lt;div class="price"&gt;
                                                  &lt;h5&gt;Super-Elegant Suit&lt;/h5&gt;
                                                  &lt;h5 class="main-text-color"&gt;$149.99&lt;/h5&gt;
                                              &lt;/div&gt;
  
                                              &lt;div class="rating"&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="main-text-color fa fa-star"&gt;&lt;/i&gt;
                                                  &lt;i class="fa fa-star"&gt;&lt;/i&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;div class="btns clear-left"&gt;
                                              &lt;p class="btn-add"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;&lt;a href="#"&gt;Add to cart&lt;/a&gt;&lt;/p&gt;
                                              &lt;p class="btn-details"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt;&lt;a href="#"&gt;More details&lt;/a&gt;&lt;/p&gt;
                                          &lt;/div&gt;
                                          &lt;div class="clearfix"&gt;&lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;!-- Controls --&gt;
                      &lt;div class="controls"&gt;
                          &lt;a class="left fa fa-chevron-left" href="#shop-crsl-1" data-slide="prev"&gt; &lt;/a&gt;
                          &lt;a class="right fa fa-chevron-right" href="#shop-crsl-1" data-slide="next"&gt; &lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>beloved css</p>
  
  <pre><code>.shop-crsl {
      position: relative;
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      padding: 0 15px;
      -webkit-transform: translateZ(0) scale(1.0, 1.0);
  }
  
  .shop-crsl .controls a {
      position: absolute;
      top: 50%;
      width: 100%;
      line-height: 53px;
      width: 50px;
      border-radius: 2px;
      text-align: center;
      margin-top: -30px;
      font-size: 11px;
      height: 50px;
      transition: all 0.35s ease;
      -webkit-transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      -ms-transition: all 0.35s ease;
  }
  
  .shop-crsl .controls a:hover {
      text-decoration: none;
  }
  
  .shop-crsl .controls .left {
      left: 15px;
      position: absolute;
      padding-right: 3px;
  }
  
  .shop-crsl .controls .right {
      right: 15px;
      position: absolute;
      padding-left: 3px;
  }
  
  .shop-col-item:hover {
      cursor: pointer;
  }
  
  .shop-promo {
      text-align: center;
      padding: 15px;
      border-radius: 5px;
      margin-bottom: 10px;
  }
  
  .shop-promo h3 {
      margin-top: 20px;
  }
  
  .shop-promo .title {
      font-size: 42px;
      line-height: 48px;
      padding: 12px 0;
      padding-bottom: 22px;
  }
  
  .shop-promo .button {
      margin: 24px 0;
  }
  
  .shop-promo p {
      margin: 10px 0;
  }
  
  .shop-col-item {
  }
  
  .shop-col-item .photo {
      border-radius: 5px;
  }
  
  .shop-col-item .photo img {
      margin: 0 auto;
      width: 100%;
  }
  
  .shop-col-item .info {
      padding: 10px;
      border-radius: 0 0 5px 5px;
      margin-top: 1px;
  }
  
  .shop-col-item .price {
      width: 50%;
      float: left;
      margin-top: 5px;
  }
  
  .shop-col-item .price h5 {
      line-height: 20px;
      margin: 0;
  }
  
  .shop-col-item .rating {
      width: 50%;
      float: left;
      font-size: 17px;
      text-align: right;
      line-height: 52px;
      margin-bottom: 10px;
      height: 52px;
  }
  
  .shop-col-item .btn-add {
      width: 50%;
      float: left;
  }
  
  .shop-col-item .btn-details {
      width: 50%;
      float: left;
      padding-left: 10px;
  }
  
  .shop-col-item .btn-details .fa-list {
      position: relative;
      top: 1px;
  }
  
  .shop-col-item .btns p {
      font-size: 11px;
      line-height: 20px;
      margin-bottom: 0;
      margin-top: 10px;
  }
  
  .shop-col-item .btns p i {
      font-size: 14px;
      margin-right: 5px;
  }
  </code></pre>