bootstrap网格式布局

<div class="main-container" id="main-container">
  <div class="main-content" id="page-wrapper">
       <div class="page-content" id="page-content">
             <div class="row">
                   <h3 style="text-align:center; ">区段基本信息查询</h3>
             </div><!-- /.row -->
             <div class="row">
                   <div class="col-xs-5">
                         <table id="grid-table" ></table>
                         <div id="grid-pager"></div>
                   </div>
                   <div class="col-xs-2" >
         <div style="margin-top:70% ">
         <button type="button" id="btn_search" class="btn btn-info btn-sm" >
     <span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
      查询
    </button>
   </div>
                  </div>
     <div class="col-xs-5">
   <table id="grid-table2"></table>
   <div id="grid-pager2"></div>
     </div>
  </div>
  </div>                                                                                                                                                                            </div>

</div>

效果：