html - Chrome makes bounce image in bootstrap carousel -


i have following website: http://huertalia.mx/universidadeswp/site/

  <div style="" id="carouseldocumentationindicators" class="carousel slide hidden-xs-down" data-ride="carousel"> <div class="carousel-inner" role="listbox">   <div class="carousel-item active">     <img class="d-block img-fluid carousel-img" src="assets/img/index/carousel/1_2.jpg" alt="first slide">     <div class="carousel-caption left-caption text-left">       <h4 style="padding-left: 30px;" id="univ-click2">soy universitario</h4>     </div>   </div>   <div class="carousel-item">     <img class="d-block img-fluid carousel-img" src="assets/img/index/carousel/2_2.jpg" alt="second slide">     <div class="carousel-caption left-caption text-left">       <h4 style="padding-left: 30px;" id="prof-click2">soy profesionista</h4>     </div>   </div>   <div class="carousel-item">     <img class="d-block img-fluid carousel-img" src="assets/img/index/carousel/3_2.jpg" alt="third slide">     <div class="carousel-caption left-caption text-left">       <h4 style="padding-left: 30px;" id="empr-click2">soy emprendedor</h4>     </div>   </div> </div> 

that code of carousel, when i'm using chrome image bounces when slide changes. starts deformed , gets adjusted.

this css

.carousel .carousel-inner .carousel-item .carousel-img {  width: 100%;  background-repeat: no-repeat;  background-position: center center;  background-attachment: fixed;  background-size: cover;  background-color: red;  display: inline-block; } 

what can do? again, happens when i'm using chrome


Comments

Popular posts from this blog

ZeroMQ on Windows, with Qt Creator -

unity3d - Unity SceneManager.LoadScene quits application -

python - Error while using APScheduler: 'NoneType' object has no attribute 'now' -