Durandal нарушает отзывчивое меню Bootstrap?

Question

Я нахожусь в середине переноса моего заявления на Дюрандал и должен сказать - это было абсолютное удовольствие. Мне нравится, как все работает.

Одна вещь, которую я не могу понять, - это мой навигатор. Если вы измените размер браузера на < 768px (я считаю, что это триггер) в шаблоне SPA Durandal в VS, элементы меню не задвигаются за кнопкой - они просто складываются.

поведение я ожидал был поведение увидеть здесь:

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> 

И что делает Navbar разрушаться класс нав-коллапс:

<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 navbar рухнуть.

Вам нужно будет добавить файл js из bootstrap (bootstrap.js) на странице html.