通过使用实用程序类,你可以更改文本的颜色。它也可以用来链接,就像我们默认的链接样式一样,它会在悬停时变暗。
句法:
静音类别:
<
p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.<
/p>
小学班:
<
p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.<
/p>
【bootstrap的颜色】成功:
<
p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.<
/p>
信息:
<
p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.<
/p>
警告:
<
p class="text-warning">Etiam porta sem malesuada magna mollis euismod.<
/p>
危险:
<
p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.<
/p>
白色:
<
p class="text-white">Etiam porta sem malesuada ultricies vehicula.<
/p>
上下文文本类也可以与具有所提供的悬停和焦点状态的定位标记一起使用。
注意:.text-white类没有链接样式。例:
<
a href="http://www.srcmini.com/#" class="text-muted">Muted link<
/a>
<
a href="http://www.srcmini.com/#" class="text-primary">Primary link<
/a>
<
a href="http://www.srcmini.com/#" class="text-success">Success link<
/a>
<
a href="http://www.srcmini.com/#" class="text-info">Info link<
/a>
<
a href="http://www.srcmini.com/#" class="text-warning">Warning link<
/a>
<
a href="http://www.srcmini.com/#" class="text-danger">Danger link<
/a>
推荐阅读
- bootstrap关闭图标
- bootstrap clearfix用法
- bootstrap border边界
- bootstrap scrollspy用法
- bootstrap弹窗popover
- bootstrap modal模态框
- bootstrap input类型
- bootstrap导航navbar
- bootstrap tab和pill用法