Order

Utilities for controlling an element's order within a parent container.

Classes

Class Output
.d-order1 order: 1 !important;
.d-order2 order: 2 !important;
.d-order3 order: 3 !important;
.d-order4 order: 4 !important;
.d-order5 order: 5 !important;
.d-order6 order: 6 !important;
.d-order7 order: 7 !important;
.d-order8 order: 8 !important;
.d-order9 order: 9 !important;
.d-order10 order: 10 !important;
.d-order11 order: 11 !important;
.d-order12 order: 12 !important;
.d-order-first order: -9999 !important;
.d-order-last order: 9999 !important;

Example

By default items are ordered by their position in the DOM. To re-order an element, use d-order{#}.