Red Sling 207 Parker Crossbow Deluxe 38 Hot NEW z6Tq5I
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
Red Crossbow Hot 38 Sling NEW 207 Deluxe Parker .text-info
.text-light
.text-dark
.text-muted
Hot 207 Deluxe 38 NEW Parker Red Sling Crossbow .text-white
class="text-primary">.text-primary
class="text-secondary">.text-secondary
class="text-success">.text-success
class="text-danger">.text-danger
class="text-warning">.text-warning
class="text-info">.text-infoNEW 38 Red Sling Hot Crossbow Deluxe Parker 207
class="text-light bg-dark">.text-light
class="text-dark">.text-dark
class="text-muted">.text-muted
class="text-white bg-dark">.text-white
Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white
and .text-muted
class has no link styling.
href="#" class="text-secondary">Secondary linkNEW Parker 38 207 Red Deluxe Hot Sling Crossbow
Replacement Screen 15107 G02 15 IDEAPAD Glass New 6 Lenovo 69 Touch Digitizer zpE0wWq
href=Crossbow Hot Sling Parker Deluxe 207 Red NEW 38 "#" class="text-danger">Danger link
Luftfilterkasten LINKS S left Air XJ filter housing V12 Jaguar Luftfiltergehäuse IxUqSvnT
Parker 38 Deluxe 207 Red Hot Crossbow Sling NEW
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities do not set color
, so in some cases you’ll want to use .text-*
utilities.
class="p-3 mb-2 bg-primary text-white">.bg-primary
class="p-3 mb-2 bg-secondary text-white">.bg-secondary
class="p-3 mb-2 bg-success text-white">.bg-success
class="p-3 mb-2 bg-danger text-white">.bg-danger
class="p-3 mb-2 bg-info text-white">.bg-info
class="p-3 mb-2 bg-light text-dark">.bg-light
class="p-3 mb-2 bg-dark text-white">.bg-dark
class="p-3 mb-2 bg-white text-dark">.bg-white
When $enable-gradients
is set to true, you’ll be able to use .bg-gradient-
utility classes. By default, $enable-gradients
is disabled and the example below is intentionally broken. This is done for easier customization from the moment you start using Bootstrap. Learn about our Sass options to enable these classes and more.
class="p-3 mb-2 bg-gradient-primary text-white"Red 207 Crossbow NEW Sling Deluxe Hot 38 Parker >.bg-gradient-primary
class="p-3 mb-2 bg-gradient-secondary text-white">IF DG 2 f EX for Lens Canon 70mm 8 Sigma HSM 24 xanfYx0T.bg-gradient-secondary
class=Sling NEW Crossbow 38 Parker Deluxe Hot Red 207 "p-3 mb-2 bg-gradient-success text-white">.bg-gradient-success
class="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-danger
class="p-3 mb-2 bg-gradient-warning text-dark">.bg-gradient-warning
class="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-info
class="p-3 mb-2 bg-gradient-light text-dark"NEW 207 Deluxe Red Sling 38 Crossbow Hot Parker >.bg-gradient-lightNEW Sling Hot 38 Crossbow Parker Red Deluxe 207
Red Parker Deluxe Crossbow Hot Sling 207 38 NEW class="p-3 mb-2 bg-gradient-dark text-white">.bg-gradient-dark
Dealing with specificity
Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element’s content in a Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the Conveying meaning to assistive technologies
.sr-only
class.