Crop Image Sides as Browser Width Decreases in Bootstrap Carousel

Question

I have a carousel with background images similar to this site

I have images that I would like to stretch to 100% of the browser width. When the user shrinks the wid

Answer 1

When you say, "would like to stretch to 100% of the browser width" the images are relative to the current width of browser (viewport), so do you mean you want the images to be 100% of the initial browser width?

Also, what would the image width be when the browser width increases? Do they stay at original 100% width or increase?

I took a shot at what I think the expected behavior is. It requires jQuery to monitor the initial viewport width.

Working demo: http://bootply.com/91957#