Bootstrap 2.3.2導航欄形式中的圖標垂直對齊

Question

我有一個Bootstrap 2.3.2項目，其中有一個導航欄。 此欄包含的圖標（Fontawesome）僅僅是圖標（不是按鈕或鏈接）。 但是，這些未正確垂直對齊。 他們堅持到頂部。

這是一個愚蠢的例子：

 <link href="https://maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/> <div class="navbar"> <div class="navbar-inner"> <div class="navbar-form pull-left"> <i class="icon-time"></i> <button class="btn"> Some button </button> <select> <option>Option 1</option> <option>Option 2</option> </select> </div> </div> </div> 

我想將上面示例中的時鍾圖標下移，使其與同一行上的文本對齊。 最好僅使用Twitter Bootstrap類，但我在文檔中找不到任何內容。

Answer 1

也許添加垂直對齊？

 <link href="https://maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/> <style> .icon-time { vertical-align: -6px; } </style> <div class="navbar"> <div class="navbar-inner"> <div class="navbar-form pull-left"> <i class="icon-time"></i> <button class="btn"> Some button </button> <select> <option>Option 1</option> <option>Option 2</option> </select> </div> </div> </div>