免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

在各種系統(tǒng)中分頁(yè)是必不可少的，當(dāng)系統(tǒng)要展示的數(shù)據(jù)較多時(shí)，一個(gè)頁(yè)面不可能將所有的數(shù)據(jù)全部展示出來(lái)，這個(gè)時(shí)候就需要使用分頁(yè)。Bootstrap提供了兩種不同方式的分頁(yè)：

帶頁(yè)碼的分頁(yè)導(dǎo)航條。

帶翻頁(yè)的分頁(yè)導(dǎo)航條。

其實(shí)以上兩種分頁(yè)大同小異，在Bootstrap中制作分頁(yè)導(dǎo)航條是一件非常簡(jiǎn)單的事情，下面我們將一一講解其用法。

下面的代碼實(shí)際就是一個(gè)分頁(yè)導(dǎo)航條，其使用的是ul>li標(biāo)簽，在

中使用了class='pagination'，這樣就可以快速制作一個(gè)分頁(yè)導(dǎo)航條，代碼運(yùn)行效果如圖所示。



上述代碼運(yùn)行效果圖如下：



Bootstrap中的分頁(yè)導(dǎo)航也分為三種狀態(tài)：活動(dòng)狀態(tài)、鼠標(biāo)懸停狀態(tài)和禁用狀態(tài)，Bootstrap為分頁(yè)導(dǎo)航條提供了三種不同的大小，上面的代碼為默認(rèn)大小。class='pagination-lg'和class='pagination-sm'類(lèi)提供了額外可供選擇的尺寸。不同大小的分頁(yè)導(dǎo)航條對(duì)比代碼如下：



代碼中第5頁(yè)為活動(dòng)狀態(tài)，也是“最后一頁(yè)”，一般頁(yè)面處于“最后一頁(yè)”時(shí)，“下一頁(yè)”和尾頁(yè)按鈕是禁用狀態(tài)，頁(yè)面運(yùn)行效果如圖所示。



在某些新聞?lì)惥W(wǎng)站或者博客中我們還經(jīng)常看到另外一種分頁(yè)：沒(méi)有具體的頁(yè)面，只有上一頁(yè)、下一頁(yè)按鈕。這種分頁(yè)方式在Bootstrap中也能夠非常方便地實(shí)現(xiàn)，具體代碼如下：



上面的代碼定義了兩個(gè)翻頁(yè)導(dǎo)航條，這兩個(gè)有一定區(qū)別：第一個(gè)導(dǎo)航條兩個(gè)按鈕是挨著的，第二個(gè)導(dǎo)航條中的按鈕一個(gè)居左一個(gè)居右。其中，居左和居右使用了樣式class='provious'和class='next'，頁(yè)面運(yùn)行效果如圖所示



需要注意的是，翻頁(yè)導(dǎo)航條只能使用鼠標(biāo)懸停以及禁用狀態(tài)，沒(méi)有提供活動(dòng)狀態(tài)效果。