![bootstrap如何使用路徑分頁標籤](https://img.php.cn/upload/article/000/000/037/5d2eba3d32d08461.jpg)
首先在VS中準備html文檔,然後在html中導入bootstrap的css文件,如下圖所示:
![1563342973348178.png bootstrap如何使用路徑分頁標籤](https://img.php.cn/upload/image/367/365/669/1563342973348178.png)
##首先來看bootstrap的路徑效果,如下圖所示,引用breadcrumb樣式即可。
![1563342987814742.png bootstrap如何使用路徑分頁標籤](https://img.php.cn/upload/image/300/889/567/1563342987814742.png)
相關推薦:《
bootstrap入門教學》
接下來我們來看分頁的功能,如果下圖所示,只要使用pagination樣式即可。
![bootstrap如何使用路徑分頁標籤 bootstrap如何使用路徑分頁標籤](https://img.php.cn/upload/image/363/832/886/bootstrap%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E8%B7%AF%E5%BE%91%E5%88%86%E9%A0%81%E6%A8%99%E7%B1%A4)
如果想哪一頁啟用或停用的話則直接用active或disabled樣式即可,如下圖所示:
![bootstrap如何使用路徑分頁標籤 bootstrap如何使用路徑分頁標籤](https://img.php.cn/upload/image/907/995/905/bootstrap%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E8%B7%AF%E5%BE%91%E5%88%86%E9%A0%81%E6%A8%99%E7%B1%A4)
另外用pager樣式則可以改變分頁的外觀樣式,如下圖所示:
![bootstrap如何使用路徑分頁標籤 bootstrap如何使用路徑分頁標籤](https://img.php.cn/upload/image/968/884/420/bootstrap%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E8%B7%AF%E5%BE%91%E5%88%86%E9%A0%81%E6%A8%99%E7%B1%A4)
#最後我們肯定見過前一頁後一頁有時會停用,這個時候也運用disabled樣式即可,如下圖所示:
![1563343305181416.png bootstrap如何使用路徑分頁標籤](https://img.php.cn/upload/image/736/926/972/1563343305181416.png)
#綜上所述,在bootstrap中對路徑的話運用breadcrumb樣式,而分頁的話運用pagination樣式。
以上是bootstrap如何使用路徑分頁標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!