首頁 >web前端 >Bootstrap教程 >bootstrap如何使用路徑分頁標籤

bootstrap如何使用路徑分頁標籤

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼原創
2019-07-17 14:09:042228瀏覽

bootstrap如何使用路徑分頁標籤

首先在VS中準備html文檔,然後在html中導入bootstrap的css文件,如下圖所示:

bootstrap如何使用路徑分頁標籤

##首先來看bootstrap的路徑效果,如下圖所示,引用breadcrumb樣式即可。

bootstrap如何使用路徑分頁標籤

相關推薦:《

bootstrap入門教學

接下來我們來看分頁的功能,如果下圖所示,只要使用pagination樣式即可。

bootstrap如何使用路徑分頁標籤

如果想哪一頁啟用或停用的話則直接用active或disabled樣式即可,如下圖所示:

bootstrap如何使用路徑分頁標籤

另外用pager樣式則可以改變分頁的外觀樣式,如下圖所示:

bootstrap如何使用路徑分頁標籤

#最後我們肯定見過前一頁後一頁有時會停用,這個時候也運用disabled樣式即可,如下圖所示:

bootstrap如何使用路徑分頁標籤

#綜上所述,在bootstrap中對路徑的話運用breadcrumb樣式,而分頁的話運用pagination樣式。

以上是bootstrap如何使用路徑分頁標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn