文本在Twitter的引导导航栏

我想添加文本顶部在Twitter的引导固定导航栏，但在某些原因文本不与链接在同一行wchich使得导航栏的两倍HIGHT因为它应该是。文本在Twitter的引导导航栏

这是我使用的代码：

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <p class="navbar-text" >You are logged in as: <? echo $_SESSION['settings_users_name']; ?></p> 
     <ul class="nav pull-right"> 
     <li><a href="?action=logout">Logout</a></li> 
     </ul> 
    </div> 
    </div> 
</div>

如果我纲要“块级元素”，在Web开发工具栏，比我看到<p>具有推动下<ul>导航栏的100％lenght。

如何将文本与ul对齐？

来源

2012-09-04 Solver

这是你想到的吗？

http://jsbin.com/uvonej/2

http://jsbin.com/uvonej/2/edit

这.jsbin例如建立关.brand类，你可以找到当您检查的.navbar组件的引导文件。

CSS

<style type="text/css"> 
    /* see the .brand styling in bootstrap .css */ 
    .login-blurb { 
     display: block; 
     float: left; 
     padding: 10px 20px 10px; 
     margin-left: -20px; 
     color: #e7e7e7; 
    } 
    </style>

HTML

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <span class="login-blurb">You are logged in as: <strong>username<strong></span> 
     <ul class="nav pull-right"> 
     <li><a href="#action=logout">Logout</a></li> 
     </ul> 
    </div> 
    </div> 
</div>

来源

2012-09-05 03:38:03 mg1075

是的，我知道如何建立新班级。我只是认为必须有一些方法来使用Bootstrap中的现有类。谢谢 – Solver

使用.pull-left或.pull-right。导航栏上的元素必须是浮动的，并且这些是相应的本机类。

来源

2012-09-05 08:43:56 albertedevigo

文本在Twitter的引导导航栏

回答

相关问题