Background

Basically, the background color palette was increased and several responsive utilities were added.

Background custom colorsCustom colors

Increase the color palette of backgrounds.

Background striped colorsStriped colors

Striped background colors inspired from progress bar component.

Background opacity colorsOpacity colors

Standard and new background colors with opacity in the range from 0.1 to 0.9.

Background state colorsState colors

State backgrounds inspired from Bootstrap alerts and can be used to identify block state.

Background hover colorsHover colors

Change background colors only by hover or focusing on element.

Background opacity hover colorsOpacity hover colors

Background hover colors with opacity in the range from 0.1 to 0.9.

Background contain sizeContain size

This utility implements background-size: contain css style which can change size of background image to scale the width and height in an element.

Background image full widthImage full width

Mostly used for creating full width hero headers with background image and implements background-size: cover css style.