Всем привет!
Изучаю Бутстрап. Раньше верстал сайты дивами по сетке от 960gs (без использования их фреймворка). Сейчас рисую новый дизайн, хочу в дальнейшем его отверстать на Бутстрапе.
Несколько вопросов:
1. Сетка стандартная, 12 колонок, 60 пикселей ширина колонки):
2. Отступы слева и справа по 10 пикселей:
3. В кастомизации бутстрапа (
bootstrap-3.ru/customize.php#grid-system) нашел только @grid-gutter-width (паддинг между столбцами, возвращает разделенные пополам слева и справа). Получается, в случае моей сетки нужно поставить значение 20px, верно? Ширина столбца для каждого разрешения экрана различная (
bootstrap-3.ru/css.php#grid-options), как быть с этим вопросом при отрисовке макета? Какое значение устанавливать?
4. В дальнейшем отрисовывать дизайн необходимо по такой системе:
Внутри блоков (отмечены цветом) размещать контент, верно?
5. После такого верного отрисовывания элементов дальше остается играться с классами бутстрапа, чтобы на различных устройствах эти блоки правильным образом "складывались" (на смартфоне все блоки в 1 столбец, на планшете больше), верно? Ибо сейчас получается такая ситуация, что мне нужно на планшете оставить 2 блока в ряд, а он их переносит на разные строки, оставляя кучу пространства в правой части экрана.
6. Нет принципиальной разницы, какую ширину макета устанавливать? Всю жизнь рисовал по максимальной ширине 960px
.wrapper{
width: 960px;
position: relative;
margin: 0 auto;
}
Теперь вот думаю рисовать хотя бы 1140px. Но тогда увеличится размер колонки и, скорее всего, паддинг. Или это не важно будет?
Простой
Средний
