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

我只是在学习推特引导的诀窍。这是一个新手问题，所以请告诉我。我在代码中没有任何javascript，我所要做的就是学习引导类。我正在创建一个简单的网页来学习选项卡控件。当加载页面上有站点名称和两个导航选项（请查看我的测试网站）时，主页会正确显示菜单栏。单击菜单中的第一个选项时，内容将正确显示。现在选择第二个选项，它将正确显示内容。如果您选择主页名（最左边的菜单标题），现在它将显示我希望在页面加载时显示的英雄内容。我有两个部分的问题

是否可以在加载时显示英雄内容，因为它将显示主页标题，或者我们需要使用javascript强制将其作为活动选项卡来显示？

我在创建了一个JSFIDLE来测试这个，但是在这里，即使启用了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>

弗斯特 第二

---

谢谢

您可以通过将类

活动

添加到“英雄”选项卡来显示加载的英雄内容，如下所示：

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

欢迎来到13个优惠
告诉我们你的最爱是否丢失了

在你的小提琴有两个问题的代码。首先，在“navbar navbar inverse”周围没有引号，其次，当链接应该说

data toggle=“nav”

时，它们会说

data toggle=“tab”

这是一把既有英雄表演又有链接的小提琴：

---

与代码无关，但如果您没有注意到，您在hero:Favorities中有一个输入错误，您可以通过将类

active

添加到hero选项卡来显示加载的hero内容，如下所示：

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

欢迎来到13个优惠
告诉我们你的最爱是否丢失了

在你的小提琴有两个问题的代码。首先，在“navbar navbar inverse”周围没有引号，其次，当链接应该说

data toggle=“nav”

时，它们会说

data toggle=“tab”

这是一把既有英雄表演又有链接的小提琴：

---

与代码无关，但如果您没有注意到，您在hero:Favorities中有一个输入错误

谢谢您的解决方案和拼写错误更正。谢谢您的解决方案和拼写错误更正。