this is my code, because row is all on one line. But it feels like the two are not on the same level, the button is high and the paging is obviously lower.
this is the picture.
this is the code.
<div class="row" style="margin-top:50px;padding-bottom:50px;">
<div class="col-md-1"></div>
<div class="col-md-1">
<button type="button" class="btn btn-primary"></button>
</div>
<div class="col-md-3 col-md-offset-6">
<ul class="pagination" style="display:inline-block;">
<li ><a href="-sharp"></a></li>
<li class="active"><a href="-sharp">1</a></li>
<li class="disabled"><a href="-sharp">2</a></li>
<li><a href="-sharp">3</a></li>
<li><a href="-sharp">4</a></li>
<li><a href="-sharp"></a></li>
</ul>
</div>
<div class="col-md-1"></div>
</div>