css - 图片下方的 Bootstrap 3 NavBar 品牌文字而不是旁边

Question

我刚开始重构一个站点以使用 Bootstrap，我试图让图像 Logo 成为导航栏最左侧的第一件事，然后在它旁边是我的菜单。但是，使用下面的代码，它将在预期的位置显示 Logo ，但案例中的文本“PBS”显示在图像下方。我缺少CSS样式吗？顺便说一句，不确定服务器端超链接是否与它有任何关系，但我正在使用它，因为主页链接会根据以用户或管理员身份登录而有所不同。我在母版页的加载中设置该链接。

<div class="navbar navbar-inverse navbar-fixed-top">
        <div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <asp:HyperLink ID="hlBrandLogo" CssClass="navbar-brand" runat="server"><img src="images/logo.png" /> PBS</asp:HyperLink>
            </div>

Answer 1

好像你错过了使两者内联，它与 Bootstrap 无关你可以用下面的 css 来做

#hlBrandLogo 
{
  display:inline 
}    

img
{
  float:left;
}

试试这个并引用 check , 希望这有帮助。