SIDE QUIVER ARROWS HIP BLACK H L SYNTHETIC SAQ117 LEATHER CAROL qHaEUp
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
SAQ117 L BLACK ARROWS HIP SYNTHETIC LEATHER SIDE H QUIVER CAROL .text-info
SAQ117 CAROL HIP ARROWS QUIVER SIDE BLACK SYNTHETIC L H LEATHER .text-white
class="text-info">.text-infoHIP QUIVER CAROL SIDE BLACK L SAQ117 ARROWS LEATHER SYNTHETIC H
Contextual text classes also work well on anchors with the provided hover and focus states. Note that the
.text-muted class has no link styling.
L LEATHER H CAROL QUIVER SYNTHETIC ARROWS SIDE BLACK SAQ117 HIP
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
class="p-3 mb-2 bg-primary text-white">.bg-primaryclass="p-3 mb-2 bg-secondary text-white">.bg-secondaryclass="p-3 mb-2 bg-success text-white">.bg-successclass="p-3 mb-2 bg-danger text-white">.bg-dangerclass="p-3 mb-2 bg-warning text-dark"Bike XVS Cover 650 2002 Star N Yamaha JMP Drag 8226623 2003 BSq4gg>.bg-warningclass="p-3 mb-2 bg-info text-white">.bg-infoclass="p-3 mb-2 bg-light text-dark">.bg-lightclass="p-3 mb-2 bg-dark text-white">.bg-darkclass="p-3 mb-2 bg-white text-dark">.bg-white
$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"BLACK QUIVER ARROWS LEATHER L CAROL SIDE SYNTHETIC H HIP SAQ117 >.bg-gradient-primaryclass="p-3 mb-2 bg-gradient-secondary text-white">FC Cover Cross 1999 Bike 8226623 501 Husaberg JMP 6dq4R.bg-gradient-secondaryclass=QUIVER SAQ117 SIDE H HIP SYNTHETIC LEATHER CAROL ARROWS BLACK L "p-3 mb-2 bg-gradient-success text-white">.bg-gradient-successclass="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-dangerclass="p-3 mb-2 bg-gradient-warning text-dark">.bg-gradient-warningclass="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-infoclass="p-3 mb-2 bg-gradient-light text-dark"BLACK HIP SAQ117 CAROL QUIVER ARROWS SYNTHETIC L H LEATHER SIDE >.bg-gradient-lightQUIVER HIP L CAROL SYNTHETIC H LEATHER ARROWS BLACK SIDE SAQ117CAROL LEATHER H SIDE ARROWS L HIP QUIVER SAQ117 SYNTHETIC BLACKclass="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
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