javascript – Twitter Bootstrap 3导航栏切换按钮,带有不同的图标

通过使用Twitter Bootstrap 3,我想为移动设备创建一个额外的导航栏.

在导航栏中,我将在栏的每一侧放置2个切换按钮.左按钮将具有经典的“三条形”图标,右按钮将具有不同的图标.我想要右键在里面有“.glyphicon .glyphicon-comment”.如果用户单击该按钮,它还将切换第二个菜单.我可以切换菜单,但图标无法更改？

我无法在右切换按钮内放置任何其他图标？ (我还需要在导航栏中居中的“一些链接”文本)

小提琴：http://jsfiddle.net/mavent/WPfe3/2/

最佳答案

SEE THE DEMO HERE

你忘记在你的jsfiddle演示中添加bootstrap-glyphicons.css.
然后替换它

同

然后,要将链接置于中心,您需要从标记中删除类navbar-brand.然后用div包装你的链接,然后应用text-align：center和一些填充来获取中心的链接.