Bootstrap折叠经典导航菜单并扩展到模式全屏

Question

我正在努力创建在大屏幕上是标准的导航栏菜单， 像这样一个：bootstrap collapse navbar

，然后在带有汉堡菜单的小屏幕上崩溃。然后，我希望汉堡菜单以全屏模式this way :%button.btn.navbar-btn.btn-link.pull-right{"data-target" => "#modalNavigation", "data-toggle" => "modal", :type => "button"}

展开onclick菜单

问题是我希望数据在小屏幕上切换为"data-toggle" => "modal"，在大屏幕上切换为data-toggle="collapse"。

如何使用引导程序在同一导航栏上具有可折叠菜单和全屏模式菜单？