Bootstrap 3 NavBar品牌文字低于图像而不是旁边

时间:2015-12-30 17:35:44

标签: css twitter-bootstrap twitter-bootstrap-3

我刚开始重构网站以使用Bootstrap,我试图让图像徽标成为导航栏最左边的第一个东西,然后它旁边就是我的菜单。但是,使用下面的代码,它将显示预期的徽标,但文本" 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>

1 个答案:

答案 0 :(得分:1)

好像你错过了两个内联,它与bootstrap无关你可以用下面的css来做它

#hlBrandLogo 
{
  display:inline 
}    

img
{
  float:left;
}

试试这个并参考参考check,希望这有帮助。