Bootstrap class ="active"不起作用

Question

我有一个问题,让我的引导程序与我为朋友设计的网站一起工作.

<nav class="navbar navbar-static-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="/" style="width: 240px;">
                West Coast Refuse Trucks
            </a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li>
                        <a href="index.html" class="active">
                            Home
                        </a>
                    </li>
                    <li>
                    <li>
                        <a href="about.html">
                            About
                        </a>
                    </li>
                    <li>
                        <a href="firstgear.html">
                            First Gear
                        </a>
                    </li>
                    <li>
                        <a href="/play">
                            Uploads
                        </a>
                    </li>
                    <li>
                        <a href="/forums">
                            Refuse Community
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>

我不确定是什么阻止它在我网站的页面中突出显示.家庭像往常一样出现.有帮助吗？

Answer 1

假设您使用的是Bootstrap 2.3.2,则假设要添加active类<li>,而不是<a>.

<ul class="nav">
    <li class="active">
        <a href="index.html">Home</a>
    </li>
    <!-- ... -->
</ul>

演示:http://bootply.com/97634