Bootstrap 颜色



Bootstrap 颜色

Bootstrap 颜色

通过使用实用程序类,您可以更改文本的颜色。它也可以用来链接,就像我们默认的链接样式一样,它会在悬停时变暗。

语法:

<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>

主要Class:
<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>

Success:
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>

Info:
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>

Warning:
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>

Danger:
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>

White:
<p class="text-white">Etiam porta sem malesuada ultricies vehicula.</p>

上下文文本类也可以与具有提供的悬停和焦点状态的定位标记一起使用。
注意: .text-white类没有链接样式。

示例:

<a href="#" class="text-muted">Muted link</a>
<a href="#" class="text-primary">Primary link</a>
<a href="#" class="text-success">Success link</a>
<a href="#" class="text-info">Info link</a>
<a href="#" class="text-warning">Warning link</a>
<a href="#" class="text-danger">Danger link</a>