将可点击图标放在bootstrap导航栏切换旁边

时间:2016-03-31 13:39:54

标签: css class twitter-bootstrap-3 responsive

我想在导航栏旁边的导航栏旁边放一个可点击的图标。

我尝试过拉和对齐课程,但没有运气。

此致

1 个答案:

答案 0 :(得分:1)

我认为当导航栏崩溃时,你需要像切换按钮旁边的按钮一样的东西。

执行此操作的一种方法是在<a>中创建.navbar-brand权限,并使用.pull-right将其向右移动。对于样式,您可以使用.btn(或者您可以选择您想要的内容)。

这里重要的是在没有切换按钮的屏幕视图上隐藏此可点击图标,为此您可以使用.hidden-md.hidden-lg

这是Fiddle

希望这会对你有所帮助。

P.S。:当然<a>中的.navbar-brand也应使用.navbar-brand进行良好对齐。