我正在尝试使用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

09-17 12:24
查看更多