Twitter Bootstrap: Have carousel images full width and height

twitter-bootstrap carousel
Lasse picture Lasse · Apr 15, 2013 · Viewed 72.6k times · Source

this seems as a trivial question but after a couple of hours fiddling with the Twitter Bootstrap carousel in their example (http://twitter.github.io/bootstrap/examples/carousel.html) I resort to SO for some help.

I want the carousel to display the full width (as now) but not with a cropped height. I have tried setting min-height, height etc. to 100% in different containers but with no result. Any two cents?

Answer

Nate Beers picture Nate Beers · Sep 4, 2015

For Bootstrap 3, all you need is:

.carousel img {
    min-width: 100%;
}

Related questions

Bootstrap Carousel Full Screen

I am trying to get the image in the bootstrap carousel to show full screen but haven't been able to figure it out, I've been working on this for awhile and am totally stuck. Right now I have just one …

Read More
Bootstrap Carousel image doesn't align properly

Please take a look at the following image, we are using bootstrap carousel to rotate the images. However, when the window width is large, the image doesn't align with the border properly. But the carousel example provided by bootstrap always …

Read More
Preventing twitter bootstrap carousel from auto sliding on page load

So is there anyway to prevent twitter bootstrap carousel from auto sliding on the page load unless the next or previous button is clicked? Thanks

Read More