如何用twitter bootstrap包装glyphicon？

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/