Zurb Foundation 3 - Разделы полной ширины и изменение максимальной ширины?

Я используюZURB Foundation 3 по моему проекту. Я люблю грид-системы и адаптивные сайты, но моя проблема в том, что я все еще твердо верю, что они должны быть построены шире, чем 1000 пикселей.

У меня есть несколько вопросов:

1) Во-первых, я хотел бы сделать определенные разделы (div) полной шириной. Теперь я прочитал, я могу просто заменить с например, и это будет генерировать этот эффект. Теперь по какой-то причине это кажется неправильным, я должен просто создать свой собственный класс, который будет иметь полную ширину, или какой будет правильный способ сделать это?

2) Я хотел бы, чтобы он был основан на большем разрешении, может быть, максимальная ширина 1440 пикселей или даже полная ширина на 100%. Как я могу это сделать, и / или Foundation не является для меня подходящей основой? Мне нравится тот факт, что он поставляется со всеми шаблонами, поэтому очень быстро и дружелюбно делать макеты.

Заранее спасибо.

 matt11 окт. 2012 г., 23:33
Да, я понимаю, но вместо по умолчанию "Максимальная ширина" например, 1000px или 960, я бы предпочел увеличить значение по умолчанию до 1440px и т. д. Это не должно влиять на скорость отклика. Не стесняйтесь, чтобы разъяснить мне, почему они всегда имеют максимальную ширину 940-1000 пикселей?
 Ed Charbeneau12 окт. 2012 г., 01:27
@ cimmanon он не былНе спрашивая, как создать конкретную ширину, он спрашивал, как установить максимальную ширину дизайна, предоставляемую в платформе Foundation. Макс-ширина! = Ширина
 cimmanon11 окт. 2012 г., 19:59
Проектирование для определенной ширины вступает в противоречие с целой концепцией адаптивного дизайна.

Ответы на вопрос(3)

$row-width: rem-calc(1000); работал на меня

е редактировать файл _settings.scss. Раскомментируйте $ row-width: emCalc (some_number.px); на ширину строки выЯ хотел бы использовать.

Решение Вопроса

Обновить: Пожалуйста, прекратите голосовать за этот пост. Рамки значительно изменились с момента ответа на вопрос. Если вы используете Foundation 4 или выше, просмотрите обновленные ответы и проголосуйте за них.

Только для ранних версий Foundation 3 Добавьте следующее переопределение к вашему CSS (это должно появиться после или в конце foundation.css)

.row {
     width: 100%;
}

Это переопределит настройки по умолчанию для фреймворка и сделает дизайн полноэкранным. Не стесняйтесь изменять это значение в соответствии с вашими потребностями.

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

 matt18 окт. 2012 г., 20:45
Итак, чтобы расширить это, как я могу сделать только заголовок полной ширины?
 Ed Charbeneau12 окт. 2012 г., 01:24
Пожалуйста, отметьте это как ответ, если это решит вашу проблему. Благодарю.
 Ed Charbeneau12 окт. 2012 г., 01:24
Я не уверен, как будет работать добавление нового класса .full-row. Есть несколько классов CSS, которые используют свои селекторы в классе .row. Я бы ознакомился с foundation.css, прежде чем применять это изменение.
 Sinister Beard09 июл. 2013 г., 10:32
Если ты'вы работаете в Foundation 4 (что многие люди, которые в конечном итоге в этом вопросе могут быть в настоящее время), вы 'Вам нужно будет использовать минимальную ширину, а не ширину: .row {min-width: 100%! важный; }
 Ed Charbeneau18 окт. 2012 г., 23:21
Если вы хотите, чтобы заголовок был заполнен только тогда, сделайте заголовок за пределами сетки. Примеры: www.tubeturns.com | www.mctconsultingandtraining.com | www.xtremecleaningsolutions.com
 matt11 окт. 2012 г., 23:30
офигенно спасибо, в идеале я мог бы просто создать новый класс под названием ".Full-строка» например и просто сделать это на 100% правильно? Я видел пользовательскую версию для загрузки, но там написано max-width, и я предположил, что это было только для мобильной версии ... потому что мне кажется, что значение строки равно 1000px, а максимальная ширина загрузки по умолчанию равна 940px.I '
 Marconi15 сент. 2013 г., 05:27
может также помочь просто создать класс .full, если вы хотите, чтобы только определенные строки были на 100%. то есть. класс =»строка полная "

Ваш ответ на вопрос