css - Twitter bootstrap 进度条百分比标签

Question

我创建了一个 Twitter Bootstrap 进度条并将它们放在一个表中。
但是当百分比很低时，标签就不能这样看:http://jsfiddle.net/mavent/w48qH/4/

对此，建议添加min-width:http://getbootstrap.com/components/#progress-label

但是添加 min-width 会使进度条长度不合逻辑，所有条长度都变得相同:http://jsfiddle.net/mavent/w48qH/7/

在大屏幕上，表格列之间的距离也很远。第一列和第二列之间的空间太大。

显示小百分比进度条的更好方法是什么？以及更好的表格布局？

Answer 1

只需将此添加到您的 CSS 中:

.progress-bar {
    overflow-x:visible;
    white-space:nowrap;
    color:black; /* color is for demo purposes */
}

无需编辑 HTML。

这会在不影响进度条的进度颜色部分的情况下显示标签。

演示: http://jsfiddle.net/w48qH/9/