<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <a class="navbar-brand" href="#">WWW</a> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="">Serviços</a></li> <li class=""><a href="#">Login</a> </li> <li> <a href="#">Cadastro</a> </li> <li><a href="">Contato</a></li> </ul> </div> </div> </nav> <div class="container tablex"> <div class="row"> <div class="span5"> <table class="table table-striped table-condensed"> <thead> <tr> <th>Serviço</th> <th>Qnt</th> <th>Valor</th> <th width="15%">Açao</th> </tr> </thead> <tbody> <tr> <td>lista nova - <span class="label label-success">Online</span></td> <td>1000 unidades</td> <td>R$: 300,00</td> <td> <a class="btn btn-success btn-xs" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a> <a class="btn btn-info btn-xs" href="#"><span class="glyphicon glyphicon-eye-open"></span></a> </td> </tr> <tr> <td>api x <span class="label label-warning">Manutencao</span></td> <td>1000 unidades</td> <td>R$: 200,00</td> <td> <a class="btn btn-success btn-xs" href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Comprar</a> </td> </tr> <tr> <td>api y <span class="label label-danger">Off-line</span></td> <td>2000 unidades</td> <td>R$: 400,00</td> <td> <a class="btn btn-success btn-xs" href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Comprar</a> </td> </tr> </tbody> </table> </div> </div> </div>

.tablex{ padding-top:5%; } .tablex tr .label{ margin-right:10%; float:right; } .tablex tr a{ margin-left:5% }