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提供灵活.多样的导航组件,允许使用相同的标签.不同的类,实现不同风格的导航样式,具有非常高的可定制行.所有的导航组件,包括标签页.pills.导航列表标签,都必须使用nav类实 ...
Bootstrap组件_导航
标签页注意 .nav-tabs 类依赖 .nav 基类.<!DOCTYPE html> <html lang="en"> <head><m ...
Bootstrap组件_导航条（默认样式的导航条，品牌）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Bootstrap组件_按钮组
按钮组通过按钮组容器把一组按钮放在同一行里.通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为.<!DOCTYPE html> <html lang="en&qu ...
Bootstrap组件_媒体对象，列表组
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Bootstrap组件_进度条
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Bootstrap组件_警告框
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Bootstrap组件_巨幕，页头，缩略图
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Bootstrap组件_分页
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

Bootstrap组件_路径导航，标签，徽章

Bootstrap组件_路径导航，标签，徽章相关推荐

最新文章

热门文章