Bootstrap＆Angular的css問題

Question

我建立了一個小型手機網站AngularJS & Bootstrap。請參閱http://www.quaaoutlodge.com/mobile/ 現在我想將文本移動到<li列表項的中心，但是當我將padding-bottom或margin-bottom添加到#desc元素時，文本根本不會向上移動，但保留的空間似乎只是移動橫跨<li邊界。爲什麼是這樣？我如何改變這一點，以達到上述效果？

謝謝！

編輯1 我改變了<span風格從id到class，加入display: inline-block;和padding-bottom: 10px;和填充，現在被應用，但是，我怎麼將向上移動文本，而在左邊的圖標保持使他們獲得對齊中心對方？

Answer 1

首先，您需要解決頁面上存在非唯一id元素的問題！你應該使用#desc類而不是id。

關於#desc跨距上的填充，您需要將display樣式設置爲內聯塊，然後您應該可以使用填充來影響它周圍的空間。