Javascript Twitter Bootstrap 3导航栏切换按钮具有不同图标

通过使用TwitterBootstrap3，我想为手机创建一个额外的导航栏

在导航栏中，我将在导航栏的每一侧放置两个切换按钮。左按钮将有经典的“三条”图标，右按钮将有一个不同的图标内。我希望右边的按钮里面有“”。如果用户单击该按钮，它还将切换到第二个菜单。我可以切换菜单，但无法更改图标

我无法在右切换按钮内放置任何其他图标？（我还需要在导航栏中居中显示“某些链接”文本）

小提琴：

切换导航
切换导航

您忘记在JSFIDLE演示中添加

bootstrap glyphicons.css

。 然后换掉这个

<i class="icon-user"></i>

与

---

然后要将链接放在中间，您需要从

a

标签中删除class

navbar品牌。然后用div包装链接，然后应用
text align:center
和一些
padding
将链接置于中心。
您可以通过更改图标跨度来实现这一点

而不是

 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>



使用like

<span class="glyphicon glyphicon-play" style="color:#fff"></span>



像这样的吗？好吧，但似乎左右按钮没有水平对齐。左边的比右边的高。我通过更改css文件来检查它：“一些文本”与按钮不对齐，“一些链接”粘贴在导航栏的顶部。没有垂直对齐。添加“页边空白顶部”没有帮助。请注意，两个按钮没有垂直对齐。还添加一些高度
。导航栏切换{max height:35px；}
“一些文本”显示为水平居中？
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

<span class="glyphicon glyphicon-play" style="color:#fff"></span>