изменяя размер активного элемента NavBar в загрузчике 3

Question

Ниже показан пример Navbar в загрузчике 3.

<div class="navbar-collapse navbar-ex1-collapse collapse" style="height: 1px;"> 
         <ul class="nav navbar-nav"> 
          <li><a href="index.html">Item 1</a></li> 
          <li class="active"><a href="about.html">Item 2</a></li> 
          <li><a href="blog.html">Item 3</a></li> 
          <li><a href="contact.html">Item 4</a></li> 
         </ul> 
        </div> 

Выход кода показано ниже. Я хочу показать строку под активным элементом, а не синим цветом, который отображается вокруг элемента активности.

Как я могу это сделать ?!

Answer 1

Попробуйте идти к вашему CSS и добавив:

.navbar-nav li.active { 
    background-color: none; 
    text-decoration: underline; 
} 

Надеется, что это помогает!

Или, может быть, это

.navbar-nav > .active > a { 
    background-color: none; 
    text-decoration: underline; 
}