与英雄单位文本Twitter的引导进度条不显示正确

Question

我有一些文字标准的Twitter的引导进度条如果是内<div class="hero-unit">，也是标准的Twitter Bootstrap类问题：

<div class="hero-unit"> 
<div class="container"> 
    <div class="progress progress-striped active"> 
     <div class="bar" style="width: 80%;">80%</div> 
    </div> 
</div> 
</div> 
​ 

这是一个jsFiddle的代码，显示文本没有正确对齐。 为什么会发生这种情况，以及如何解决？我试图修复它，但没有运气。

谢谢。

Answer 1

这是导致此问题的hero-unit上的line-height: 30px。

我已经改变这样的代码：

<div class="hero-unit" style="line-height: inherit"> 

当然最好是一类分配的，而不是使用style属性给它。