为什么我在使用bootstrap时无法在侧边栏中使用进度条？

Question

如果我使用进度条，则进度条中会显示下一个内容 我希望进度条底部的下一个内容有50px的保证金 我该如何解决这个问题？

DEMO：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小提琴演示

Answer 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