0

標準のTwitterBootstrapプログレスバーにテキストが含まれている場合、それが<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コードで、テキストが正しく配置されていないことを示しています。なぜこれが起こっているのか、そしてどのように修正するのですか？私はそれを修正しようとしましたが、運がありませんでした。

ありがとうございました。

4

1 に答える 1

1

問題を引き起こすのはその上ですline-height: 30px。hero-unit

私はこのようにコードを変更しました：

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

もちろん、style属性を使用するのではなく、クラスを割り当てる方が適切です。

于 2012-12-30T11:04:29.630 に答える