我正在尝试使用twitter-bootstrap框架v3.0.0将文本放在进度栏中。
我已经尝试过this solution,但是恐怕无法在新版本的框架上工作。
所以我尝试了这个:
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span>HELLO</span>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
</div>
<span>HELLO</span>
</div>
这是小提琴:http://jsfiddle.net/HuFw4/
如您所见,它使文本位于填充部分或空白部分的中心,但不尊重所有内容。
您有任何想法或建议建议吗?
最佳答案
您需要将position: absolute;
应用于您的span元素
try this demo