How do I make rows in Zurb Foundation 4/5 full screen?

css web responsive-design zurb-foundation boilerplate
Sinister Beard picture Sinister Beard · Jul 9, 2013 · Viewed 13k times · Source

By default, rows in Zurb Foundation 4 and 5 run at a max width of 1000px, even on very large monitors, which creates margins on either side of the content. How do I make it run at full screen without affecting the responsiveness of the design?

Answer

Sinister Beard picture Sinister Beard · Jul 9, 2013

Add the following code to the CSS file:

.row {min-width:100% !important;}

Related questions

How can I make the browser wait to display the page until it's fully loaded?

I hate how you can actually see webpages load. I think it'd be much more appealing to wait until the page is fully loaded and ready to be displayed, including all scripts and images, and then have the browser display …

Read More
Resize external website content to fit iFrame width

I have a webpage with 2 iFrames in it. Both of them are with fixed width and height. I am loading external websites inside them. How can I resize those external websites width to fit with the iFrame (like mobile browsers …

Read More
Twitter Bootstrap Button Text Word Wrap

For the life of me I am unable to get these twitter bootstrap buttons to text wrap onto multiple lines, they appearing like so. I cannot post images, so this is what it is doing... [This is the bu] tton …

Read More