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

 

一. 文本强调基本样式

  .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 />

效果预览图如下

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

 

三. 其他标签使用

  以上class除了应用div之外,还可以用于其他很多标签

 

上一篇:Java和C# MD5加密比较


下一篇:git stash使用教程