Bootstrap 4 颜色
Bootstrap 4 是一个流行的前端框架,它提供了大量的颜色类,用于快速设计和定制网页的视觉效果。这些颜色类可以帮助开发者轻松地改变文本颜色、背景颜色以及边框颜色,从而创建出既美观又符合品牌风格的网页界面。
文本颜色
Bootstrap 4 提供了一系列的文本颜色类,用于改变文本的颜色。这些类包括:
.text-primary
:用于主要文本颜色。.text-secondary
:用于次要文本颜色。.text-success
:用于表示成功或积极的文本颜色。.text-danger
:用于表示危险或错误的文本颜色。.text-warning
:用于表示警告的文本颜色。.text-info
:用于表示信息的文本颜色。.text-light
:用于浅色文本颜色。.text-dark
:用于深色文本颜色。.text-body
:用于正文文本颜色。.text-muted
:用于柔和的文本颜色。
使用这些类可以快速地改变文本的颜色,例如:
<p class="text-primary">这是主要文本。</p>
<p class="text-success">这是成功文本。</p>
<p class="text-danger">这是危险文本。</p>
背景颜色
Bootstrap 4 也提供了一系列的背景颜色类,用于改变元素的背景颜色。这些类包括:
.b