Bootstrap系列 -- 4. 文本内容强调
2015-06-19 16:12 贺臣 阅读(1188) 评论(0) 编辑 收藏 举报
一. 文本强调基本样式
.text-muted:提示,使用浅灰色(#999)
.text-primary:主要,使用蓝色(#428bca)
.text-success:成功,使用浅绿色(#3c763d)
.text-info:通知信息,使用浅蓝色(#31708f)
.text-warning:警告,使用黄色(#8a6d3b)
.text-danger:危险,使用褐色(#a94442)
这个几个样式类主要作用于文本,这里要注意text-* 这里的后缀,在Bootstrap中会非常常用,其颜色值基本根据后缀固定了
二. 基本使用方式
<div class="text-muted">.text-muted 效果</div><br /> <div class="text-primary">.text-primary效果</div><br /> <div class="text-success">.text-success效果</div><br /> <div class="text-info">.text-info效果</div><br /> <div class="text-warning">.text-warning效果</div><br /> <div class="text-danger">.text-danger效果</div><br />
效果预览图如下
三. 其他标签使用
以上class除了应用div之外,还可以用于其他很多标签