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 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>
效果: