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 span 上的填充，您需要将display 样式设置为inline-block，然后您应该能够使用填充来影响它周围的空间。