Make Hero-Unit 100% width w/ Twitter Bootstrap

Question

I'm trying to get myself comfortable with Twitter BS.

Is there away to make the hero-unit 100% width of the browser, whilst containing the columns in a fixed width?

Answer 1

Wrap .hero-unit in .container-fluid and .row-fluid (or don't even wrap in anything). "Fluid" in Bootstrap term means that in will take 100% width of the browser window. Wrap your other content in "fixed" .container and .row.

See how I've done this in my fiddle.