如何用 twitter bootstrap 包装一个字形图标？

Question

如何将字形图标和单词包装在一起，以使图标位于单词上方或下方的中心。举个例子：

    <div class="row">
   <div class="span4">
<div style="font-size: 60px;">
<i class="icon-camera-retro"></i> </p>
 <h1>Photography </h1>
</div>
</div>
<div class="span4">
 <div style="font-size: 60px;">
 <i class="icon-camera"></i> </p>
  <h1>Rentals</h1>
  <p></center></p>
  </div>
 </div>
 <div class="span4">
 <div style="font-size: 60px;">
 <i class="icon-star-empty"></i> </p>
 <h1>Dance Media</h1>
 <p></center></p>
   </div>​

Answer 1

如果我正确理解您的问题，您需要将text-align: center; 放在包含文本和图标的 div 中。看看这个例子：http://jsfiddle.net/rahjU/11/