0

Верстаю простенький шаблон из макета без модульной сетки. Решил, что проще будет подогнать это дело под bootstrap. Реально-ли сверстать макет со скрина с помощью модульной сетки бутстрапа? введите сюда описание изображения

1 ответ 1

1

Реально-ли сверстать макет со скрина с помощью модульной сетки бутстрапа?

Да, с помощью Bootstrap можно сделать все тоже, что и стандартными средствами css, html и javascript, только гораздо быстрее.

Различная высота колонок в данном случае регулируется отступами.

Чтобы было легче ориентироваться, вбейте в поисковике "psd grid bootstrap" и скачайте сетку для Photoshop. Затем просто перенесите свой макет. Направляющие укажут ширину столбцов и отступы.

Если шаблон в 12 колонок вас не устраивает, то на сайте Bootstrap можно кастомизировать и скачать bootstrap-grid под то количество колонок (и их ширину), которое подходит вам.

2
  • Можно немного поподробнее про отступы? 22 сен 2017 в 12:36
  • @PavelMoleskin Кастомная сетка: getbootstrap.com/docs/3.3/customize/#grid-system Выбираете нужные вам величины (кол-во колонок и ширину отступов между ними) и скачиваете. Вверху страницы можно оставить отмеченным только пункт Grid system, если Вам нужна только сетка.
    – DogeDev
    22 сен 2017 в 13:01

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.