Как разместить изображение в активном пункте меню navbar'a в bootstrap'e?

Question

[sunnyrio]

Как разместить изображение в активном пункте меню navbar'a в bootstrap'e?

На этой картинке показана желаемое решение задачи:

Answer 1

[Максим Тимофеев]

Добавить на background активного пункта и пункта с hover, там уж как пожелаете. Для этого у него есть класс, не помню наверняка, но скорее всего ".active" или соответственно :hover. Откройте свой код и посмотрите, какой там класс.

Answer 2

[Александр]

Можно вместо изображения попробовать CSS clip-patch.

Пример, сделанный в этом генераторе:

Картинки

Код:

-webkit-clip-path: polygon(51% 65%, 65% 81%, 100% 81%, 100% 100%, 0 100%, 0 81%, 38% 81%);
clip-path: polygon(51% 65%, 65% 81%, 100% 81%, 100% 100%, 0 100%, 0 81%, 38% 81%);

Comments

[sunnyrio]

А как сделать чтобы отображался текст он почему то исчез также как и цвет фона?