Настройка размеров желобов и колонок Bootstrap

Question

Наш дизайнер разработал веб-сайт без использования системы сетки, однако, к счастью, я нашел систему сетки, чтобы соответствовать ей, играя некоторые настройки. Это все еще 12 сеток, но размеры желоба и столбца отличаются от бутстрапа .. и я хочу задать несколько вопросов на этом этапе.

• Это хорошее поведение для настройки бутстрапа из официального настраивателя Bootstrap или пользовательского настройки Bootstrap Live?

• Каков наилучший подход, который необходимо выполнить, когда вы хотите настроить и сохранить отзывчивость в одно и то же время?

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

Каков правильный способ его расчета? И, например, в официальном редакторе Bootstrap, какие поля следует изменить? Как рассчитать размеры всех размеров экрана?

---

Он также использовал 1440 x 900 при проектировании.

Каков наилучший способ адаптации этих настроек сетки ниже? Здесь я добавляю параметры сетки, которые я мог бы соответствовать дизайну:

Answer 1

Bootstrap имеет набор переменных, которые вы можете переопределить в проекте, если вы хотите. _variables.scss

Максимальная ширина: $container-max-widths,
число столбцов: $grid-columns,
и желобом размер: $grid-gutter-width-base.
Более того, вы можете установить различные размеры желобов для каждого размера экрана: $grid-gutter-widths.

Вы можете использовать не предварительно скомпилированный файл css bootstrap, а scss-версию и скомпилировать файлы scss самостоятельно.

---

Update:

Ups, автор использует меньше версию Bootstrap. Таким образом, вы можете изменить меньше переменных: @gridColumns, @gridColumnWidth, @gridGutterWidth и т. Д.