Bootstrap组件_路径导航，标签，徽章
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap组件_路径导航，标签，徽章
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>路徑導(dǎo)航</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container-fluid"><ol class="breadcrumb"><li><a href="#">聲訊臺(tái)</a></li><li><a href="#">BootStrap</a></li><li><a href="#">組件</a></li><li class="active">路徑導(dǎo)航</li></ol></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>標(biāo)簽</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><h4>今天空氣質(zhì)量<span class="label label-default">最新</span></h4><h4>今天空氣質(zhì)量<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>
?
總結(jié)
以上是生活随笔為你收集整理的Bootstrap组件_路径导航，标签，徽章的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Bootstrap组件_分页
- 下一篇： Bootstrap组件_巨幕，页头，缩略