加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 23:19:28 所属栏目:资源 来源:网络整理
导读:通过使用Twitter Bootstrap 3,我想为移动设备创建一个额外的导航栏. 在导航栏中,我将在栏的每一侧放置2个切换按钮.左按钮将具有经典的“三条形”图标,右按钮将具有不同的图标.我想要右键在里面有“.glyphicon .glyphicon-comment”.如果用户单击该按钮,它还

通过使用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和一些填充来获取中心的链接.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读