CODEWITHSUNDEEP
jquerycsstwitter-bootstrap
Elham Gdz
Elham Gdz

Reputation: 1015

Bootstrap : Progressbar doesn't show correctly

In my page i have a progress-bar, i added col-xs-12 col-sm-8 classes for it and because of these classes, progress-bar doesn't show correctly and appear empty space at start and end of progress-bar.

This is my code: JSFIDDLE

This is image of output:

enter image description here

I want progress-bar will be like this picture:

enter image description here

How can i fix my problem?

Upvotes: 0

Views: 199

Answers (1)

laaposto
laaposto

Reputation: 12213

Try changing you CSS to:

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

DEMO

Upvotes: 1

Related Questions