（1）?????????????????????? <div style="float: left;">?? ??? ??? ??? ??? ??? ??? ?<span>當前顯示第1條到第10條記錄，總共###條記錄，每頁顯示</span>?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?<div class="btn-group">?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ???? <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">?? ??? ??? ??? ??? ??? ??? ??? ??? ?10?? ??? ??? ??? ??? ??? ??? ???? <span class="caret"></span>?? ??? ??? ??? ??? ??? ??? ? ??? ?</button>?? ??? ??? ??? ??? ??? ??? ? ??? ?<ul class="dropdown-menu">?? ??? ??? ??? ??? ??? ??? ??? ???? <li><a href="#">15</a></li>?? ??? ??? ??? ??? ??? ??? ??? ???? <li><a href="#">20</a></li>?? ??? ??? ??? ??? ??? ??? ??? ???? <li><a href="#">25</a></li>?? ??? ??? ??? ??? ??? ??? ??? ???? <li><a href="#">30</a></li>?? ??? ??? ??? ??? ??? ??? ? ??? ?</ul>?? ??? ??? ??? ??? ??? ??? ? ??? ??? ??? ??? ??? ??? ??? ??? ?</div> ?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?<span>條記錄</span>?? ??? ??? ??? ??? ??? ?</div>?? ??? ??? ??? ??? ???? （2）?? ??? ??? ??? ??? ???? <div style="float: right;">?? ??? ??? ??? ??? ??? ????? <ul class="pagination pagination-sm">?? ??? ??? ??? ??? ??? ??? ??? ?? <li><a href="#">&laquo;</a></li>?? ??? ??? ??? ??? ??? ??? ??? ?? <li><a href="#">1</a></li>?? ??? ??? ??? ??? ??? ??? ??? ?? <li><a href="#">2</a></li>?? ??? ??? ??? ??? ??? ??? ??? ?? <li class="active"><a href="#">3</a></li>?? ??? ??? ??? ??? ??? ??? ??? ?? <li><a href="#">4</a></li>?? ??? ??? ??? ??? ??? ??? ??? ?? <li><a href="#">5</a></li>?? ??? ??? ??? ??? ??? ??? ??? ?? <li><a href="#">&raquo;</a></li>?? ??? ??? ??? ??? ??? ??? ?? </ul>? ??? ??? ??? ??? ??? ??? ?? </div>