@raulvodov
UI/UX Designer

Как адаптировать макет под Bootstrap 3 Grid?

Можно ли адаптировать под бутстрап 3 сетку данный макет, и если да, то подскажите пожалуйста как. Только начинаю верстать, сорри за возможно глупые вопросы. Делал дизайн сам. Задумка следующая: всего 7 колонок. Отличается от всех только первая колонка, т.к. она заключена еще в одну колонку с белым фоном и паддингами 20px. Прикрепляю скрин для наглядности. Очень нужны подсказки по тому, как сделать сетку для данного проекта.

5a156d7550ec4813956978.png
  • Вопрос задан
  • 305 просмотров
Пригласить эксперта
Ответы на вопрос 1
Mike_Ro
@Mike_Ro
$ run войтивайти
Если я правильно понял задачу...

<div class="container-fluid">

<div class="first_column col-sm-1"> // задать дополнительные классы для лучшей адаптивности
// содержимое первой колонки
</div>

<div class="last_column col">

<div class="row">

<div class="col-sm-2">// содержимое второй колонки</div>
<div class="col-sm-2">// содержимое третьей колонки</div>
<div class="col-sm-2">// содержимое четвертой колонки</div>
<div class="col-sm-2">// ...</div>

</div>

</div>

</div>


P.S. как по мне, так bootstrap 4 посвежее будет... =)
Ответ написан
Ваш ответ на вопрос

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

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