Как правильно кастомизировать сетку bootstrap для адаптивной страницы?

Question

[ayapergenov]

Есть готовая верстка такого типа с подключенной через Webpack библиотекой Bootstrap3.
Необходимо сделать сетку следующей ширины:
aside - 200px;
блоки основного контента по 250px каждый.
Расстояние между блоками -15px;
Максимальная ширина -980px;
При уменьшении ширины блоки должны адаптироваться под размер экрана

Как правильно сверстать в данном случае, чтобы не ломать Bootstrap и установить необходимые размеры

Answer 1

[Алексей]

Aside тоже должен уменьшаться?
Просто обычно колонки с меню выдерживаются в одной ширине. А на малых экранах либо пропадают, либо скрываются под кнопку, либо перемещаются под контент.

Я бы сделал aside постоянным, а внутри контентной области .col-md-4 для каждого блока.

Comments

[ayapergenov]

Да aside можно оставить в одной ширине. Остальные блоки сделал как вы предлагаете. Посмотри ссылку в основном вопросе. Вопрос в том как задать им нужные размеры. Сейчас у меня .col-md-4 имеет 234px а должно быть 250px. Между блоками 30 px вместо 15.