个性化阅读
专注于IT技术分析

bootstrap的颜色

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

句法:

静音类别:

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

成功:

<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="#" 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>
赞(0)
未经允许不得转载:srcmini » bootstrap的颜色

评论 抢沙发

评论前必须登录!