H5響應(yīng)式開發(fā)之資訊內(nèi)容(四)
分頁條
在使用Bootstrap之前做分頁條的時(shí)候,需要對(duì)分頁條的數(shù)字和樣式進(jìn)行樣式的修改,手動(dòng)去調(diào)整分頁條,現(xiàn)在就不在需要繁瑣的進(jìn)行調(diào)試了。
使用分頁的方法
pagination
在左側(cè)欄的最下層新建一個(gè)div盒子
使用pagination方法
<div class="page"> <ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">»</a></li> </ul> </div>
得到如圖所示的樣式,我們對(duì)樣式進(jìn)行修改使其居中顯示
.page{ text-align: center;}