Blog Emka

Portal linux, pemrograman sistem informasi, computer security & santri

Tutorial Bootstrap, Tutorial CSS

How to Reduce Bootstrap Table Row Padding

It’s pretty easy if you know how to use inspector tool of your browser (Right click->Inspect Element). If you want to learn CSS this would be a very important tool.

Add new line to your CSS:

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
    padding: 5px;
}

you can get even more narrow padding, with change padding value to 1px.

Padding 1px example:

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Theme by Anders Norén

%d bloggers like this: