Bootstrap组件_路径导航，标签，徽章
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap组件_路径导航，标签，徽章
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>路徑導航</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container-fluid"><ol class="breadcrumb"><li><a href="#">聲訊臺</a></li><li><a href="#">BootStrap</a></li><li><a href="#">組件</a></li><li class="active">路徑導航</li></ol></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>標簽</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><h4>今天空氣質量<span class="label label-default">最新</span></h4><h4>今天空氣質量<span class="label label-primary">最新</span></h4>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>徽章</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container"><a href="#">wechat<span class="badge">10</span></a><button class="btn btn-primary" type="button">Messages<span class="badge">20</span></button></div>
</body>
</html>
?
總結
以上是生活随笔為你收集整理的Bootstrap组件_路径导航，标签，徽章的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Bootstrap组件_分页
- 下一篇： Bootstrap组件_巨幕，页头，缩略