1

プログレスバーを使用すると、プログレスバーに次のコンテンツが表示されます。
プログレスバーの下部に 50px の余白で次のコンテンツが必要です。
どうすればこれを修正できますか?

デモ: http://jsfiddle.net/VwmqV/

HTML

あなたはログインしています

    <div class="progress progress-striped active"><div class="bar" style="width: 53%"></div>
    This message should be on the bottom of progress bar
</div>

CSS

あまりにも長いので、JS fiddle demo をご覧ください。

4

1 に答える 1

1

あなたのテキストは<div>、プログレスバーのコンテナである最初のテキストの一部です。の後に配置し<div>ます。したがって、代わりにこれを使用する必要があります。

<div class="progress progress-striped active">
    <div class="bar" style="width: 53%"></div>
</div>
This message should be on the bottom of progress bar
于 2013-01-29T08:10:45.913 に答える