Question

我正在学习twitter bootstrap的绳索。这是新手问题所以请耐心等待我。我在代码中没有任何javascript，我所要做的就是学习bootstrap类。我正在创建简单的网页以学习选项卡控件。加载具有站点名称和几个导航选项时的主页面（请查看我的测试网站http://www.13favs.com/static）在页面加载时，它会正确显示菜单栏。单击菜单中的第一个选项时，内容将正确显示。现在选择第二个选项，它会正确显示内容。如果您现在选择主页面名称（最左侧的菜单标题），它会显示我想在页面加载时显示的英雄内容。我有两个问题

是否可以在加载时显示英雄内容，因为它会显示主页面标题，还是我们需要使用javascript强制将其作为活动标签显示？

我在http://jsfiddle.net/unni/8vBkC/创建了一个jsFiddle来测试这个，但是在这个内容甚至没有显示在选择菜单选项上，即使我同时启用了javascript和bootstrap js。这里是我试图测试的核心代码

<nav class=navbar navbar-inverse>
<div class="navbar-inner"> <a class="brand" href="#main">Main Page</a>

    <ul class="nav">
        <li><a href="#first" data-toggle="nav">First</a>
        </li>
        <li><a href="#second" data-toggle="nav">Second</a>
        </li>
    </ul>
</div>

第一第二

感谢

Answer 1

您可以通过将类active添加到英雄标签中来显示加载时的英雄内容，如下所示：

<div class="hero-unit tab-pane active" id="main">
    <h1>Welcome to 13 Favorties</h1>
    <p>Tell us if your favorite is missing.</p>
</div>

在你的小提琴中，代码存在两个问题。首先，你没有“navbar navbar-inverse”周围的引号，其次，当他们说data-toggle="nav"时，链接会说data-toggle="tab"

这是一个小提琴，有英雄显示和链接工作： http://jsfiddle.net/McVRw/2/

与代码无关，但如果您没有注意到，那么英雄中就会出现拼写错误：Favorties

如何在使用导航栏时强制加载主选项卡？

1 个答案: