twitter-bootstrap – 手机中的twitter bootstrap导航栏中的图像

发布时间：2020-12-17 21:25:36 所属栏目：安全来源：网络整理

导读：如何在Twitter Bootstrap的导航栏中插入徽标图像？主要要求：图像需要放在左边. 品牌类紧挨着它.我通过将品牌转向正确来尝试.可以看到图像,但在移动或小型浏览器窗口中,品牌类位于图像之上. 最右边的下拉菜单. 解决方法只需将图像包装在div中并将.brand类

如何在Twitter Bootstrap的导航栏中插入徽标图像？

主要要求：

图像需要放在左边.

品牌类紧挨着它.我通过将品牌转向正确来尝试.可以看到图像,但在移动或小型浏览器窗口中,品牌类位于图像之上.

最右边的下拉菜单.

只需将图像包装在div中并将.brand类添加到它中,所以它看起来应该是这样的：

<div class="brand"><img class="logo" src="http://placehold.it/50x50"></div>
<a href="#" class="brand">Project name</a>

或者更好的是,如果您希望您的徽标可以点击,只需将其插入品牌链接中,如下所示：

<a href="#" class="brand"><img class="logo" src="http://placehold.it/50x50"> Project name</a>

（编辑：李大同）

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