Color and background

Pair contextual text and background utilities on BCL additive elements.

BCL mapping

Use color attributes such as bg-color, bg-color-subtle, text-color, body-bg-color, and body-text-color on <bs-div>, <bs-p>, or <bs-span>.

Contextual color and background attributes stay on the element that owns the visual treatment.

aspnet


<bs-div padding="Default3" bg-color="Success" bg-color-subtle="true" text-color="Success" border-color="Success" border-color-subtle="true" borders="All">
    <bs-p bottom-margin="None">Contextual color and background attributes stay on the element.</bs-p>
</bs-div>