Results 1 to 2 of 2

Thread: Make Images Responsive in Carousel

  1. #1
    Junior Member
    Join Date
    May 2014
    Posts
    1

    Make Images Responsive in Carousel

    I am using the Carousel and i have images of different height and width.

    I want to set a height of the carousel inside which i would want the images to responsively resize itself and place itself comfortably in the center leaving the bleeding whitespace as it is.

    http://play.mink7.com/suoll/v2/

    2014-05-30_1438.jpg

    Original Image: http://i.stack.imgur.com/JiAog.jpg
    How it looks in the Carousel: http://i.stack.imgur.com/vaz0M.png

  2. #2
    Junior Member
    Join Date
    Jun 2014
    Posts
    3
    If I understood your description correctly you can use this code:
    <div id="myCarousel" class="carousel slide" style="height: 400px; margin: 0 auto">
    ...
    </div>
    You can also put width if you like

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •