Как добавить активный маркер в меню в Drupal Bootstrap 7.x-2.2

Question

Я пытаюсь добавить треугольник в «активный» элемент в меню. Я добавил этот CSS:

.navbar .active::after { 
content: ""; 
position: absolute; 
bottom: -16px; 
border-width: 0px 15px 15px; 
border-style: solid; 
border-color: #ffffff transparent; 
display: block; 
width: 0; 
} 

Но по какой-то причине я слегка получаю 2 треугольника наверх Афоризм на активных элементах, как в соответствии с прилагаемым скриншоте. Я не знаю, как еще это исправить ... пожалуйста, помогите?

Answer 1

andregriffin over на Drupal.org ответил на мой вопрос « Возможно, это связано с тем, что есть два вложенных элемента, как с активным классом, так и с тегом li и тегом. Вам нужно быть более конкретным, применяют CSS к. вы, вероятно, должны использовать .navbar> .active: after или .navbar a.active: после или .navbar li.active: after. "

Итак, у меня получился следующий CSS и он отлично работает! /* Active caret */ .navbar a.active: after { содержание: ""; margin-left: auto; margin-right: auto; padding-top: 2px; border-width: 0px 10px 10px; border-style: solid; border-color: #ffffff transparent; дисплей: блок; ширина: 0; }