Zurb Foundation 3 - Partitioning Full Width and Changing Maximum Width?

Question

Im using ZURB Foundation 3 on my project. I like network systems and responsive sites, but my problem is that I still believe that they should be built wider than 1000 pixels.

I have a few questions:

1) First, I would like to make certain sections (divs) complete. Now I read that I can simply replace <div class="row"> with <div class="container"> , for example, and it will generate this effect. Now for some reason this doesn't seem right, should I just create my own class full of width, or what would be the right way to do this?

2) I would like it to be based on a higher resolution, perhaps a maximum width of 1440 pixels or even a full 100% full. How can I do this and / or the Foundation is not the right foundation for me? I like that it comes with all the templates, so it is very fast and convenient for creating layouts.

Thanks in advance.

Answer 1

Update: Please stop voting for this post. This structure has changed significantly since the answer to the question. If you're using Foundation 4 or higher, check out the updated answers and vote for them.

For earlier versions of Foundation 3 only, add the following redefinition in your CSS (this should appear after or at the end of the .css base)

 .row { width: 100%; } 

This will override the default value for the framework and make the design in full screen mode. Feel free to change this value to suit your needs.

There is also a custom download available at http://foundation.zurb.com/download.php (which probably does the same thing, overrides or replaces the width of .row)

Answer 2

Editing / overriding the basics is very simple. In Foundation 4, you can edit the _settings.scss file. Uncomment $ row-width: emCalc (some_number.px); to the width of the line you would like to use.

Answer 3

Uncomment $row-width: rem-calc(1000); worked for me