Question

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

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

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

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

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

Answer 1

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

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

使导航栏崩溃的原因是类导航崩溃：

<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文件。

Durandal打破了Bootstrap的响应式菜单？

1 个答案: