CSS on bootstrap tables not working

Question

I use following css in my table:

.lh1 {
    line-height: 50px;
    }

And my table looks like this:

<table class="table table-bordered lh lh1">
..
..
..
</table>

But no matter which value I use for line-height, my table doesn't change at all. Other .css in this table is working fine.

What could be the cause of that problem?

Tushar · Accepted Answer · 2014-07-15 11:43:29Z

1

You need to do it like this.

CSS

.lh1 > tbody > tr > td {
    line-height: 50px;
    }

your CSS is not overwriting the bootstrap CSS. Here is the demo

answered Jul 15, 2014 at 11:43

Tushar

4,4165 gold badges26 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yushox · Accepted Answer · 2014-07-15 09:41:33Z

0

try with:

.lh1 {
   line-height: 50px !important;
}

Your bootstrap may override this

answered Jul 15, 2014 at 9:41

Yushox

1721 silver badge12 bronze badges