Bootstrap:Progressbar无法正确显示

时间:2014-02-03 12:45:51

标签: jquery css twitter-bootstrap

在我的页面中,我有一个进度条,我为它添加了col-xs-12 col-sm-8个类,由于这些类,进度条没有正确显示,并且在进度条的开始和结束时显示空白区域。

这是我的代码:JSFIDDLE

这是输出图像:

enter image description here

我想进度条就像这张照片:

enter image description here

我如何解决我的问题?

1 个答案:

答案 0 :(得分:1)

尝试将CS​​S更改为:

.person-info {
    margin-top : -40px;
    margin-right:109px;
    padding-left: 0px;//ADD THIS
    padding-right: 0px;//ADD THIS
}

DEMO