css - 如何用 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/