2017-02-07 5 views
0

Я дизайнер и стараюсь производить выходные данные для разработчиков, использующих Bootstrap.Bootstrap - ширина контейнера с доступной шириной экрана

Попытка обернуть мою голову вокруг разницы между размером устройства и размером контейнера.

Для фиксированного контейнера - рекомендуемый большой размер - 992 px, а контейнер - 960 px.

Должен ли я конструировать для всего 992 px? или Должны ли размещать только конструкции в контейнере размером - 960 пикселей? Может ли размер контейнера быть изменен на 992 px в фиксированном макете?

Спасибо!

+0

Ссылка на эту ссылку. Это может помочь. [Ссылка] (https://scotch.io/tutorials/default-sizes-for-twitter-bootstraps-media-queries) –

ответ

0

Похоже, что ваш сайт будет сосредоточен на странице.

Если вы довольны размерами контейнеров, которые использует Bootstrap по умолчанию, я бы разработал для них и сохранил ваши проекты в пределах 960 пикселей (для больших экранов). Дополнительное пространство по сторонам действует как искатель, так что ваш веб-сайт не прижимается к боковой стороне экрана, что может привести к тому, что ваши рисунки выглядят сухими и загроможденными.

Помните, что Bootstrap не предназначен для вашего единственного руководства по стилю. Каждый проект имеет разные потребности, и если ваш проект выиграет от разных размеров контейнеров, вы более чем можете переопределить эти стили для своих целей. Они включают исходный код в SASS именно по этой причине, и вы всегда можете переопределить стили в своей собственной таблице стилей после факта.

Что касается проектирования вашего пользовательского интерфейса, я не уверен, как выглядят ваши элементы пользовательского интерфейса, но если вы разрабатываете для реагирующего средства, не забудьте спроектировать их, зная, что ваш пользовательский интерфейс будет масштабироваться. Приложите все усилия для создания элементов, которые не зависят от фиксированной ширины; пусть ваши элементы текут и обертываются внутри ваших компонентов.

Смежные вопросы