久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

## 分頁 為您的網(wǎng)站或應(yīng)用提供帶有展示頁碼的分頁組件，或者可以使用簡(jiǎn)單的翻頁組件。 **默認(rèn)分頁樣式** 注意： 標(biāo)記分頁組件。分頁組件應(yīng)該包裝在nav元素中，以將其標(biāo)識(shí)為屏幕閱讀器和其他輔助技術(shù)的導(dǎo)航部分。此外，由于一個(gè)頁面可能已經(jīng)有多個(gè)這樣的導(dǎo)航部分（例如標(biāo)題中的主導(dǎo)航或側(cè)欄導(dǎo)航），建議為nav提供一個(gè)描述性的aria標(biāo)簽，以反映其用途。例如，如果分頁組件用于在一組搜索結(jié)果之間導(dǎo)航，則適當(dāng)?shù)臉?biāo)簽可以是aria label=“search results pages”。 ```html <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="##" aria-label="Previous"><span aria-hidden="true">&laquo;</span></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="##" aria-label="Next"><span aria-hidden="true">&raquo;</span></a> </li> </ul> </nav> ```  **1.** 禁用和激活狀態(tài) 鏈接在不同情況下可以定制。你可以給不能點(diǎn)擊的鏈接添加`.disabled`類、給當(dāng)前頁添加`.active`類。 ```html <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="##" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a> </li> <li><a href="##">1</a></li> <li class="disabled"><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="##">6</a></li> <li> <a href="##" aria-label="Next"><span aria-hidden="true">&raquo;</span></a> </li> </ul> </nav> ```  **2.** 尺寸 如果想要更小或更大的分頁，`.pagination-lg`或`.pagination-sm`類提供了額外可供選擇的尺寸。 ```html <nav aria-label="Page navigation"> <ul class="pagination pagination-lg"> <li> <a href="##" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a> </li> <li><a href="##">1</a></li> <li class="disabled"><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="##">6</a></li> <li> <a href="##" aria-label="Next"><span aria-hidden="true">&raquo;</span></a> </li> </ul> </nav> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="##" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a> </li> <li><a href="##">1</a></li> <li class="disabled"><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="##">6</a></li> <li> <a href="##" aria-label="Next"><span aria-hidden="true">&raquo;</span></a> </li> </ul> </nav> <nav aria-label="Page navigation"> <ul class="pagination pagination-sm"> <li> <a href="##" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a> </li> <li><a href="##">1</a></li> <li class="disabled"><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="##">6</a></li> <li> <a href="##" aria-label="Next"><span aria-hidden="true">&raquo;</span></a> </li> </ul> </nav> ```  ***** **翻頁** 用簡(jiǎn)單的標(biāo)記和樣式，就能做個(gè)上一頁和下一頁的簡(jiǎn)單翻頁。用在像博客和雜志這樣的簡(jiǎn)單站點(diǎn)上棒極了。 **1.** 默認(rèn)實(shí)例 在默認(rèn)的翻頁中，鏈接居中對(duì)齊。 ```html <nav aria-label="..."> <ul class="pager"> <li><a href="#">上一頁</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> </nav> ```  **2.** 左右兩端對(duì)齊鏈接 左右兩端對(duì)齊鏈接可使用 .previous(左對(duì)齊)和 .next（右對(duì)齊） ```html <nav aria-label="..."> <ul class="pager"> <li class="previous"><a href="#">上一頁</a></li> <li><a href="##">4</a></li> <li><a href="##">5</a></li> <li><a href="##">6</a></li> <li class="next"><a href="#">下一頁</a></li> </ul> </nav> ```  **3.** 可選的禁用狀態(tài) `.disabled`類也可用于翻頁中的鏈接讓元素處于禁用狀態(tài)，只需在需要禁用的元素上添加類.disabled，鏈接就會(huì)呈現(xiàn)為灰色且沒有鼠標(biāo)懸停效果。