Как сверстать меню с помощью bootstrap-navbar?

Question

[raiboon]

Вот такое горизонтальное меню: . В принципе, я могу его сверстать, но хочется сверстать его на основе bootstrap-navbar. Т.к. бутстрап уже есть - и хочется использовать встроенную адаптивность - что бы при уменьшении размеров экрана пункты меню прятались, осатвался треугольник с логотипом компании и появлялось стандартное бутстраповское мобильное меню.

Что-то ни одного руководства, как сделать кастомное меню на основе бутстраповского - все в захлеб пишут, как поменять его цвет =(

Answer 1

[Алим Алибаев]

Поэтому нужно учить основу, а не браться за готовое решение.

Answer 2

[Павел Радьков]

Картинка в вопросе не отображается.

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

По такому алгоритму работать со всеми компонентами:
голый бутстрап → собственный класс → новый собственный скин