CODEWITHSUNDEEP
csstwitter-bootstrap
Syed Uzair Uddin
Syed Uzair Uddin

Reputation: 3648

Bootstrap ProgressBar increase column height

I am using bootstrap grid and it has table and column in it and showing bootstrap progressbar, but it increase the column height, can any one guide why it is doing so, here is the my code how I am using it, 

<table>
  <tbody>
    <tr>
      <td class="abc">
        <div id="xy" class="progress progress-striped active">
          <div id="xyz" class="progress-bar" style="width: 70%;">some text</div>
        </div>
      </td>
    </tr>
  </tbody>
</table>

Upvotes: 1

Views: 1790

Answers (1)

Paul Lernmark
Paul Lernmark

Reputation: 581

Bootstrap CSS adds a 20px margin by default. You can override it by adding the following CSS: 

.progress {margin-bottom:0}

http://jsbin.com/gajawu/edit?html,css,output

Upvotes: 2

Related Questions