Css 引导：更改活动菜单项背景

选择定位点时，如何在这部分代码中更改导航的背景色？我只想在导航链接下有一个边框底部

代码如下：

 <!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-left">
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>

                <li class="page-scroll">
                    <a href="#">Home</a>
                </li>
                <li class="page-scroll">
                    <a href="#ark">Nav 2</a>
                </li>

                <li class="">
                    <a href="/table.html">Nav 3</a>
                </li>

                <li class="page-scroll">
                    <a href="#ausstattung">Nav 4</a>
                </li>

                <li class="page-scroll">
                    <a href="#lage">Nav 5</a>
                </li>

                <li class="page-scroll">
                    <a href="#contact">Nav 6</a>
                </li>

                <li class="page-scroll">
                    <a href="#kontakt">Nav 7</a>
                </li>

            </ul>
             <a class="navbar-brand" href="#page-top"></a>

        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

现在我明白了。更改以下行：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #1a242f;
}

为此：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    border-bottom: 2px solid #1a242f;
    background: none;
}

---

这可以在

bootstrap.min.css

中找到。如果您不想编辑此内容，只需在末尾添加上述代码。

现在我明白了。更改以下行：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #1a242f;
}

为此：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    border-bottom: 2px solid #1a242f;
    background: none;
}

---

这可以在

bootstrap.min.css

中找到。如果您不想编辑此内容，只需在结尾添加上述代码。

@PraveenKumar如何更改背景颜色并添加边框底部？？我为您解决了这个问题。请检查。您可以为创建

jsfiddle

吗this@PraveenKumar如何改变背景的颜色并在底部加上边框？我帮你解决了。请检查。您可以为此创建

jsfiddle

吗这是答案：）这是答案：）