html - How to set the size of the images in the Carousel: -


i have been trying set size of images same value. need images appear in same size(same height , width). following code carousel. images appear in original sizes. how go achieving this?

    <div id="mycarousel" class="carousel slide" data-ride="carousel">     <!-- indicators -->     <ol class="carousel-indicators">       <li data-target="#mycarousel" data-slide-to="0" class="active"></li>       <li data-target="#mycarousel" data-slide-to="1"></li>       <li data-target="#mycarousel" data-slide-to="2"></li>       <li data-target="#mycarousel" data-slide-to="3"></li>     </ol>      <!-- wrapper slides -->     <div class="carousel-inner" role="listbox">       <div class="item active">         <img src="images\banner.jpg"   alt="chania">       </div>        <div class="item">         <img src="images\banner_1.jpg" alt="chania" >       </div>        <div class="item">         <img src="images\banner_2.png" alt="flower">       </div>        <div class="item">         <img src="images\banner_3.jpg" alt="flower">       </div>     </div>  <!-- left , right controls -->     <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>       <span class="sr-only">previous</span>     </a>     <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>       <span class="sr-only">next</span>     </a>   </div> 

the css code using is:

<style>   .carousel-inner > .item > img,   .carousel-inner > .item > > img {       width:   70%;       height:  40%;          margin: auto;   }   </style> 


Comments

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

c# - Selenium Authentication Popup preventing driver close or quit -

tensorflow when input_data MNIST_data , zlib.error: Error -3 while decompressing: invalid block type -