代码改变世界

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

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

 


作者:情缘
出处:http://www.cnblogs.com/qingyuan/
关于作者:从事仓库,生产软件方面的开发,在项目管理以及企业经营方面寻求发展之路
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
联系方式: 个人QQ  821865130 ; 仓储技术QQ群 88718955,142050808 ;
吉特仓储管理系统 开源地址: https://github.com/hechenqingyuan/gitwms