Zurb Foundation 3 - Пълна ширина на секциите и промяна на максималната ширина? - css, html5, рамки, отзивчив дизайн, заявки за медии

Аз използвам Фондация ZURB 3 по моя проект. Обичам мрежовите системи и отзивчивите сайтове, но моят проблем е, че все още силно вярвам, че те трябва да бъдат построени по-широки от 1000px.

Имам няколко въпроса:

1) Първо бих искал да направя някои раздели (divs) пълна ширина. Сега прочетох, че просто мога да заместя <div class="row"> с <div class="container"> например и ще генерира този ефект. Сега по някаква причина това не се чувства добре, трябва ли просто да създам свой собствен клас, който да е с пълна ширина или какъв ще бъде правилният начин да направите това?

2) Бих искал да го базирам за по-голямрезолюция, може би максимум 1440px широк или дори течност 100% пълна ширина. Как мога да направя това и / или дали Фондацията не е ли правилната рамка за мен? Обичам факта, че идва с всички шаблони, така че е супер бърз и приятелски настроен да направи mockups.

Благодаря предварително.

Отговори:

Update: Моля, спрете да гласувате тази публикация. Рамката се промени значително след отговора на въпроса. Ако използвате Фондация 4 или по-нова, моля, вижте актуализираните отговори и ги гласувайте.

За ранни версии на Фондация 3 само Добавете следното заместване в CSS (Това трябва да се появи след или в края на foundation.css)

.row {
width: 100%;
}

Това ще замени стандартната настройка на рамката и ще накара дизайна да стане на цял екран. Чувствайте се свободни да промените тази стойност според нуждите си.

Налице е и персонализирано изтегляне на разположение на http://foundation.zurb.com/download.php (което вероятно прави едно и също нещо, заменя или замества ширината на .row)

Редактирането / преодоляването на основите е лесно. В Foundation 4 можете да редактирате вашия _settings.scss файл. Разгънете $ row-width: emCalc (some_number.px); до ширина на реда, която искате да използвате.

премахне коментара $row-width: rem-calc(1000); работи за мен