CODEWITHSUNDEEP
csstwitter-bootstrapbutton
rwzdoorn
rwzdoorn

Reputation: 625

Twitter bootstrap TD no padding

For one of my projects I need to make one button full width/height of the TD. I tried setting the normal .btn-warning with -Xpx!important but didn't work.

Currently I have this:

enter image description here

But want to achieve to this:

enter image description here

I'm using the following code:

<tbody>                                                         
<tr>
<td class="td-btn"><a href="#" class="btn-sm btn btn-warning"><span class="glyphicon glyphicon-ok"></span></a></td>
<td><a href="#">Projectnaam</a></td>    
</tr>
</tbody>

Does anyone know how to get this button full with/height with the TD without spacing?

Upvotes: 2

Views: 5745

Answers (2)

ANSHUL GERA
ANSHUL GERA

Reputation: 306

.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;
}

Upvotes: 0

rwzdoorn
rwzdoorn

Reputation: 625

Friend of mine helped out:

<td style="padding: 0px;">
<a href="#" class="btn-sm btn btn-success" style="height: 44px;padding: 12px 10px;">
<span class="glyphicon glyphicon-ok"></span>
</a>
</td>

It's almost what I want =). Thanks all.

Upvotes: 1

Related Questions