【问题标题】:image in twitter bootstrap navbar in mobile推特引导导航栏中的图像在移动设备中
【发布时间】:2012-04-22 16:01:43
【问题描述】:

如何在 Twitter Bootstrap 的导航栏中插入 logo 图片?

主要要求:

图片需要放在左边。

品牌类在它旁边。我尝试将品牌向右移动。可以看到图片,但在移动设备或小型浏览器窗口中,品牌类别位于图片上方。

最右边的下拉菜单。

【问题讨论】:

    标签: twitter-bootstrap navbar


    【解决方案1】:

    只需将您的图像包装在一个 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>
    

    【讨论】:

    猜你喜欢
    • 2016-09-02
    • 2013-09-22
    • 2019-05-04
    • 2018-09-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-24
    • 1970-01-01
    相关资源
    最近更新 更多