Задать вопрос
@sleepy_hungry
html

Как верстать страницу с боковым меню по bootstrap?

Всем доброго вечера. Начал верстать страницу. Решил использовать бутстрап. Но дело в том, что до сих пор я его использовал в классических лендингах, где он отлично вписывался и вопросов не вызывал.

Тут же у меня появилось боковое меню. Вопрос: как это наиболее оптимизировано сверстать? Чтобы понятно, логично и красиво? Я пока начал с того, что для всего контента страницы создал row, соответственно, для бокового меню выделил три колонки, а для основного контента 9. И уже в этих 9-колонках использую 12-колоночный подход для верстки содержимого. Насколько это оправдано? Какие косяки могут всплыть впоследствии?

5ed96454545be615520714.png
  • Вопрос задан
  • 231 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега HTML
Руководитель frontend направления, предприниматель
1. Можно вкладывать строки (row) в колонки (col).
2. По логике:

2.1. Шапка это логотип (col) и остальная часть (col), внутри которой строка (или две) с основной навигацией и контактами.
2.2. Основной контент сайта это тоже строка, внутри которой навигация (колонка), а рядом с ней содержимое страницы (тоже колонка), внутри которой строки с еще более вложенным содержимым.

Короче говоря, на буте такое можно собрать очень быстро.
Ответ написан
6 комментариев
6 комментариев
mediol-name
@mediol-name
Wordpress Developer
Используйте классы разметки. Например так:
<body>
    <div id="main" class="container">
      <div class="row">
        <div class="col-sm-3 left-menu">
          Боковое меню
        </div>
        <div class="col-sm-9 content">
          Основной контент
        </div>
      </div>
  </div>
</body>
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Телеграмм бот на Python
22 нояб. 2024, в 22:26
3500 руб./за проект
Сделать несколько гиф анимаций
22 нояб. 2024, в 21:47
3000 руб./за проект
Доделать сайт на Revolution 3
22 нояб. 2024, в 21:44
50000 руб./за проект
Ещё заказы