html - 为什么我在使用 bootstrap 时不能在边栏中使用进度条？

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