4.9 KiB
4.9 KiB
| extends | title |
|---|---|
| _layouts.documentation | Background Position |
Background Position
Utilities for controlling the position of an element's background image.
@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => false, 'hover' => false, 'focus' => false ])
@include('_partials.work-in-progress')
| Class | Properties | Description |
|---|---|---|
| .bg-bottom | background-position: bottom; | Place the background image on the bottom edge. |
| .bg-center | background-position: center; | Place the background image in the center. |
| .bg-left | background-position: left; | Place the background image on the left edge. |
| .bg-left-bottom | background-position: left bottom; | Place the background image on the left bottom edge. |
| .bg-left-top | background-position: left top; | Place the background image on the left top edge. |
| .bg-right | background-position: right; | Place the background image on the right edge. |
| .bg-right-bottom | background-position: right bottom; | Place the background image on the right bottom edge. |
| .bg-right-top | background-position: right top; | Place the background image on the right top edge. |
| .bg-top | background-position: top; | Place the background image on the top edge. |