text - 带有英雄单元文本的 Twitter Bootstrap 进度条未正确显示

Question

我对带有一些文本的标准 Twitter Bootstrap 进度条有问题，如果它在 内<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

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

我已经改变了这样的代码：

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

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