1. Оформляем через Bootstrap хлебные крошки
2. Как поменять разделитель в хлебных крошках?
3. Оформление меню в виде вкладок или навигационных кнопок
4. Как подготовить меню к просмотру на малых экранах?
5. Как сделать фиксированное меню средствами Bootstrap?
6. Как организовать выпадающее меню в Бутстрап 3?

Здравствуйте, уважаемые читатели. Хочу продолжить сегодня приводить примеры использования фреймворка под названием Бутстрап 3 на благо упрощения и стандартизации верстки сайтов. Конечно же, это не конструктор сайтов, где нужные элементы сайта можно перетащить мышью в нужное место и для работы с которым особых знаний не потребуется. Нет. Но эта штука позволяет верстать «зачетные сайты» всем, кто освоит небольшой набор «хитростей».

К разочарованию большинства, приходится признать, что базовые знания Html и основы CSS при изучении Bootstrap необходимы, без них для вас все это будет одна сплошная галиматья. Но вот филигранного владения стайлингом от вас уже не потребуется — нужно будет лишь изучить способы подключения возможностей этого фрейморка для реализации ваших задумок на «профессиональном» уровне. А потом все пойдет уже по накатанной...

Чуть ранее мы с вами уже кое о чем побеседовали, кое чему научились и даже появилось желание разбираться дальше. Последнее похвально, ну, а для тех, кто присоединился к нам только сейчас, предложу к ознакомлению предыдущие опусы на тему овладения Бутстрапом, которые неплохо было бы изучить (и желательно в приведеном порядке следования):

1. Bootstrap 3 — отзывчивый фреймворк для быстрого создания дизайна современных сайтов
2. Сеточная система в Bootstrap 3 и пример работы с ней
3. Как задать смещение между колонками, поменять их местами, вложить друг в друга и создать большой центральный блок
4. Создание кнопок, оформление текста и картинок, а также добавление отзывчивых классов
5. Добавление глиф-иконок на сайт, оформление миниатюр для галерей, а также таблиц и панелей

Сегодня же у нас на очереди оформление с помощью функционала Бутстрапа различных элементов навигации — хлебных крошек, вертикальных и горизонтальных меню, а также меню выпадающих. Все это не так, чтобы было сложно, но на примерах учиться, как правило, легче. Ну, а в следующей статье мы уже рассмотрим создание переключающихся вкладок с контентом в горизонтальном и вертикальном (типа аккордеона) исполнении. Ну, а сегодня навигация и все, что с ней связано. Поехали...

Читать полностью >>>