Bootstrap 3 предлагает несколько видов меню. Для ознакомления со всеми вариантами оформления меню, зайдите на сайт Bootstrap-3, где дается документация Bootstrap 3 на русском языке. Кликните на компоненты, а затем выберите «навигационная панель» справа.
Я покажу вам принцип построения меню на одном примере, а вы сможете его в дальнейшем модифицировать на свое усмотрение.
Для начала создадим несколько дополнительных страниц к нашему сайту. Дважды копируем страницу index.html и переименовываем в contact.html и about.html.
Вводим следующий код на странице index.html и на всех новых страницах:
И получаем меню:
Если поменять в navbar-default на navbar-inverse, меню примет следующий вид:
Смотреть продолжение — Урок 8
Добавить комментарий