我的页面上有一个导航栏，左侧包含一堆视图，右侧包含一系列操作（例如，创建）
在移动设备上，我希望左侧折叠到下拉框中，而右侧的操作命令保持不变。
我可以让这个工作，但我不能让它看起来正确。我这里有一些工作代码。
http://www.bootply.com/OEYfZVIaGA#
基本上，我遇到的问题是在移动视图上，当我点击“切换视图”时，它会将整个导航栏变为下拉列表并同时拖动右侧按钮。
我希望它的行为就像标准的下拉列表（http://getbootstrap.com/components/#dropdowns-example）。如果在打开下拉列表时没有按下“新建”按钮，我会很高兴。
如何从折叠的导航栏自定义下拉列表的行为？