Bootstrap系列 -- 4. 文本内容强调

​​ Bootstrap系列 -- 4. 文本内容强调 ​​

2015-06-19 16:12  ​​贺臣​​ 阅读(888)  评论(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之外，还可以用于其他很多标签

 

• 分类 ​​bootstrap​​
•