Twitter bootstrap 更改引导3中活动导航栏项目的大小

下面的示例显示引导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> 

代码的输出如下所示。 我想在活动项下显示一行，而不是在活动项周围显示的方框

---

我怎么做

尝试转到CSS并添加：

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

希望有帮助

或者这个

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