如何在 Twitter Bootstrap 的导航栏中插入徽标图像?
主要要求:
图片需要放在左边。
品牌类要紧随其后。我尝试将品牌向右移动。可以看到图像,但在移动设备或小型浏览器窗口中,品牌类别位于图像之上。
最右边的下拉菜单。
如何在 Twitter Bootstrap 的导航栏中插入徽标图像?
主要要求:
图片需要放在左边。
品牌类要紧随其后。我尝试将品牌向右移动。可以看到图像,但在移动设备或小型浏览器窗口中,品牌类别位于图像之上。
最右边的下拉菜单。
只需将您的图像包装在 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>