1


我只是在学习 twitter bootstrap 的技巧。这是新手问题，所以请耐心等待。我的代码中没有任何 javascript，我要做的就是学习引导类。我正在创建简单的网页来学习标签控件。加载时的主页有站点名称和几个导航选项（请查看我的测试网站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>

    第一秒



    谢谢

    • 4

    1 回答 1

    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/

    与代码无关，但如果你没有注意到，你在 hero 中有一个错字：Favorties

    于 2013-03-16T11:39:24.680 回答