Preciso deixar a última coluna da minha tabela (a que tem os glyphs de ação) sempre mais à direita:
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table class="table table-hover">
<thead>
<tr>
<td class="col-md-1"></td>
<td>Name</td>
<td>Age</td>
<td>E-mail</td>
<td>Actions</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox">
</td>
<td>John Doe</td>
<td>50</td>
<td>[email protected]</td>
<td>
<div role="toolbar" class="btn-toolbar">
<div role="group" class="btn-group">
<button type="button" alt="Delete record" class="btn btn-default"><span class="glyphicon glyphicon-remove-sign"></span>
</button>
</div>
<div role="group" class="btn-group">
<button type="button" alt="Edit record" class="btn btn-default"><span class="glyphicon glyphicon-edit"></span>
</button>
<button type="button" alt="Move record up" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span>
</button>
<button type="button" alt="Move record down" class="btn btn-default"><span class="glyphicon glyphicon-arrow-down"></span>
</button>
</div>
</div>
</td>
</tr>
</tbody>
</table>
Tem como fazer isso?
pull-right
pull-right
notd
mas a tabela ficou com um espaço sem as bordas.