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

前端之家收集整理的这篇文章主要介绍了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和一些填充来获取中心的链接.

猜你在找的HTML相关文章