1

我正在将我的申请转移到 Durandal 并且不得不说 - 这绝对是一种乐趣。我喜欢一切都是如何运作的。

我不太明白的一件事是我的导航栏。如果您在 VS 的 Durandal SPA 模板中将浏览器的大小调整为 <768px（我相信这是触发器），菜单项不会被推到按钮后面——它们只是堆叠。

我期望的行为是这里看到的行为：

http://twitter.github.com/bootstrap/examples/fluid.html

有没有我缺少的设置？如果没有，是否有人知道我如何重新获得此功能？谢谢你的时间！

4

1 回答 1

2

你可以查看示例页面的源代码，你会看到按钮就是这段代码：

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>

使导航栏崩溃的是类 nav-collapse：

<div class="nav-collapse collapse">
    <p class="navbar-text pull-right">
        Logged in as <a href="#" class="navbar-link">Username</a>
    </p>
    <ul class="nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</div>

考虑到这一点，您可以使 durandal 导航栏折叠。

您需要在 html 页面中包含来自 bootstrap ( bootstrap.js ) 的 js 文件。

于 2013-03-25T16:36:44.757 回答