品牌旁边的文字 [英] Text next to brand

问题描述

我如何获得Bootstrap品牌以及任何附带的文字，将它们一起视为品牌？

How do I get the Bootstrap Brand and any accompanying text to be treated together as the brand?

我已经尝试过：

<nav class="navbar navbar-default">
    <div class="navbar-header">
        <div class="navbar-brand">
            <a href="..." ><img class="img-responsive" src="/brand.png")?>"></a>
            <h3>Ultimate Trade Sizer</h3>
        </div>
    </div>
</nav>

但是，我无法使它们对齐（即并排放置），它会产生以下效果：

However, I can't get them to be aligned (i.e. side by side). It produces the below effect:

请注意，我正在使用Bootstrap 3。

Please note that I am using Bootstrap 3.

推荐答案

将图像包装在<$ c $中c> span

<nav class="navbar navbar-default">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">
            <span><img src="#"/></span>
            Ultimate Trade Sizer
        </a>
    </div>
</nav>

跨度默认值t o 显示：内联

这篇关于品牌旁边的文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！