Bootstrap class =" active"不管用

时间:2013-11-30 10:26:36

标签: html css twitter-bootstrap

我遇到了让我的引导程序与我为朋友设计的网站一起工作的问题。

<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>

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

1 个答案:

答案 0 :(得分:6)

假设您使用的是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