java如何编辑导航菜单 java左侧导航栏代码

我有一个带有左侧导航项和右侧导航项的Bootstrap 3导航栏(如下所示) .

折叠时，我希望导航栏切换(AKA'汉堡菜单')及其项目保持对齐 .

我的代码到目前为止：

• Left
• Left
• Right
• Right

要在左侧进行导航栏切换的CSS是：

@media (max-width:767px) {
.custom-navbar .navbar-right {
float: right;
padding-right: 15px;
}
.custom-navbar .nav.navbar-nav.navbar-right li {
float: left;
}
.custom-navbar .nav.navbar-nav.navbar-right li > a {
padding:8px 5px;
}
.custom-navbar .navbar-toggle {
float: left;
margin-right: 0
}
.custom-navbar .navbar-header {
float: left;
width: auto!important;
}
.custom-navbar .navbar-collapse {
clear: both;
float: none;
}
}

我添加了一个“拉右”样式来使项目对齐，但没有成功 .

“navbar-right”效果很糟糕 . 事实上，有了它，我会在同一行有两个右手项目 . 使用“pull-right”它们可以作为单行工作，但仍然保持在右侧 .

这让我：

左边的汉堡菜单(根据需要)，

左侧的导航栏左侧项目(根据需要)，

导航栏右侧项目仍然在右侧(我想要修复它！) .

最终结果：

代码段是here .