@ayapergenov

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

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

Как правильно сверстать в данном случае, чтобы не ломать Bootstrap и установить необходимые размеры
  • Вопрос задан
  • 205 просмотров
Пригласить эксперта
Ответы на вопрос 1
lunpully
@lunpully
Aside тоже должен уменьшаться?
Просто обычно колонки с меню выдерживаются в одной ширине. А на малых экранах либо пропадают, либо скрываются под кнопку, либо перемещаются под контент.

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы