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>

效果：