html - 为什么我在使用引导程序时不能在边栏中使用进度条？

Question

如果我使用进度条，下一个内容会出现在进度条中。
我想要进度条底部的下一个内容，边距为 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

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