Bootstrap <基礎十八>麪包屑導航（Breadcrumbs）
麪包屑導航（Breadcrumbs）是一種基於網站層次信息的顯示方式。以博客爲例，麪包屑導航能夠顯示發佈日期、類別或標籤。它們表示當前頁面在導航層次結構內的位置。
Bootstrap 中的麪包屑導航（Breadcrumbs）是一個簡單的帶有 .breadcrumb class 的無序列表。分隔符會經過 CSS（bootstrap.min.css）中下面所示的 class 自動被添加：css
.breadcrumb > li + li:before { color: #CCCCCC; content: "/ "; padding: 0 5px; }
下面的實例演示了麪包屑導航：html
<!DOCTYPE html> <html> <head> <title>Bootstrap 實例 - 麪包屑導航</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <ol class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">2013</a></li> <li class="active">十一月</li> </ol> </body> </html>
結果以下所示：jquery
相關文章
- 1. Bootstrap 麪包屑導航（Breadcrumbs）
- 2. Bootstrap<基礎十七>導航欄
- 3. （翻譯）麪包屑導航[1]（Breadcrumbs）
- 4. Bootstrap<基礎十六> 導航元素
- 5. 麪包屑導航
- 6. bootstrap3 - 麪包屑式導航
- 7. bootstrap麪包屑導航和分頁導航
- 8. Bootstrap <基礎八>圖片
- 9. 路徑導航,麪包屑
- 10. CSS3麪包屑導航
- 更多相關文章...
- • ionic 導航 - ionic 教程
- • jQuery Mobile 導航欄 - jQuery Mobile 教程
- • RxJava操作符（八）Aggregate
- • RxJava操作符（十）自定義操作符
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. 安裝cuda+cuDNN
- 2. GitHub的使用說明
- 3. phpDocumentor使用教程【安裝PHPDocumentor】
- 4. yarn run build報錯Component is not found in path 「npm/taro-ui/dist/weapp/components/rate/index「
- 5. 精講Haproxy搭建Web集羣
- 6. 安全測試基礎之MySQL
- 7. C/C++編程筆記：C語言中的複雜聲明分析，用實例帶你完全讀懂
- 8. Python3教程(1)----搭建Python環境
- 9. 李宏毅機器學習課程筆記2：Classification、Logistic Regression、Brief Introduction of Deep Learning
- 10. 阿里雲ECS配置速記
歡迎關注本站公眾號,獲取更多信息
相關文章