I am looking to adjust the placement of my buttons.
The buttons in question are for comparison, saving layout, and printing. I would like them to be inline with the pagination, as I am using datatables here.
<table id="sparepart_id" cellspacing="0" border="0" class="table table-striped nowrap dataTable" style="border-collapse: collapse;">
<colgroup span="7" width="85"></colgroup>
<tbody id="sparepart_data">
</tbody>
</table>
<div style="position: relative;">
<div class="col-md-8">
<a href="#"><button type="button" class="btn btn-primary form-input" style="border-radius: 10px;font-size:13px;">COMPARE</button></a>
<input type="hidden" name="btn_user_filter" id="btn_user_filter">
<button type="button" class="btn btn-default form-input" data-filterType="user" style="border-radius: 10px;font-size:13px;">Save Layout</button>
</div>
<div class="col-md-4"><button type="button" class="btn btn-default" data-filterType="user" style="border-radius: 10px;"><i class="fa fa-print"></i>Print</button></div>
</div>