文本在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的引導導航欄

回答

相關問題