Bootstrap4 文字颜色

文字颜色

Bootstrap 4 有一些上下文类可用于提供"meaning through colors"。

文本颜色的类别有：.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-dark,.text-body（默认机身颜色/通常为黑色）和.text-light:

示例

This text is muted.

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Secondary text.

Dark grey text.

Body text.

Light grey text.

亲自试一试 »

上下文文本类也可以用在链接上，这将添加更深的悬停颜色：

示例

Muted link. Primary link. Success link. Info link. Warning link. Danger link. Secondary link. Dark grey link. Body/black link. Light grey link.

亲自试一试 »

您还可以使用以下命令为黑色或白色文本添加 50% 的不透明度.text-black-50或者.text-white-50课程：

示例

Black text with 50% opacity on white background

White text with 50% opacity on black background

亲自试一试 »

背景颜色

背景颜色的类别有：.bg-primary, .bg-success,.bg-info,.bg-warning,.bg-danger,.bg-secondary,.bg-dark和.bg-light。

请注意，背景颜色不会设置文本颜色，因此在某些情况下您需要将它们与.text-*类。

示例

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Secondary background color.

Dark grey background color.

Light grey background color.

亲自试一试 »