Я использую плоскую тему пользовательского интерфейса с бутстрапом 3. Плоский пользовательский интерфейс навигации не работает правильно, и многие из них имеют схожие проблемы с ним, которые размещены на github. Поэтому я решил просто использовать стандартную навигационную панель BS3 и написать собственный код (с помощью другого потока stackoverflow), чтобы стиль меню был таким, каким хотелось бы. Я делаю это в LESS как переопределение css.
Проблема заключается в том, что я не могу понять, как изменить следующее.
- цвет выпадающего окна
- цвет ссылки в раскрывающемся списке
- цвет выпадающего списка ссылок
Вот css, который я использую:
/* navbar */
.navbar-default {
font-size: floor(@component-font-size-base * 1.067); // ~16px
border-radius: @border-radius-large;
border: none;
background-color: @brand-primary !important;
}
/* title */
.navbar-default .navbar-brand {
color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
color: @clouds;
}
.navbar-default .navbar-nav > li > a:hover {
color: @clouds;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: @clouds;
background-color: @brand-secondary; // Changes color of main button that is currently active.
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: @clouds;
background-color: @brand-secondary; // Changes color of main menu button once clicked.
}
/* caret */
.navbar-default .navbar-nav > li > a .caret {
border-top-color: @clouds;
border-bottom-color: @clouds;
color: @clouds;
}
.navbar-default .navbar-nav > li > a:hover .caret {
border-top-color: #333;
border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #555;
border-bottom-color: #555;
}
Это создает правильную цветовую полосу, штриховую связь, эффекты зависания и зависания. Но когда я нажимаю кнопку с подменю, подменю все еще появляется в BS по умолчанию. Какие классы мне не хватает, чтобы изменить выпадающий цвет фона подменю, цвет ссылки и т.д.
Спасибо