【发布时间】:2012-04-22 16:01:43
【问题描述】:
如何在 Twitter Bootstrap 的导航栏中插入 logo 图片?
主要要求:
图片需要放在左边。
品牌类在它旁边。我尝试将品牌向右移动。可以看到图片,但在移动设备或小型浏览器窗口中,品牌类别位于图片上方。
最右边的下拉菜单。
【问题讨论】:
如何在 Twitter Bootstrap 的导航栏中插入 logo 图片?
主要要求:
图片需要放在左边。
品牌类在它旁边。我尝试将品牌向右移动。可以看到图片,但在移动设备或小型浏览器窗口中,品牌类别位于图片上方。
最右边的下拉菜单。
【问题讨论】:
只需将您的图像包装在一个 div 中,并将 .brand 类也添加到其中,因此它应该如下所示:
<div class="brand"><img class="logo" src="http://placehold.it/50x50"></div>
<a href="#" class="brand">Project name</a>
或者更好的是,如果您希望您的徽标可点击,只需将其插入 a 品牌链接中,如下所示:
<a href="#" class="brand"><img class="logo" src="http://placehold.it/50x50"> Project name</a>
【讨论】: