Master Template

Searching...
Oops! Something went wrong while submitting the form
Searching...
Oops! Something went wrong while submitting the form
Sign Up

Offsets

Original Resource Link

Top and bottom offsets can be applied to all breakpoints as above or to individual breakpoints by adding xs, sm, md and lgThe example below shows the markup for an element that has 20px bottom offset in all breakpoints except on mobile.

d-top-offset-0
d-top-offset-5
d-top-offset-10
d-top-offset-15
d-top-offset-20
d-top-offset-25
d-top-offset-30
d-top-offset-35
d-top-offset-40
d-top-offset-45
d-top-offset-50
d-top-offset-60
Top offsets
d-bottom-offset-0
d-bottom-offset-5
d-bottom-offset-10
d-bottom-offset-15
d-bottom-offset-20
d-bottom-offset-25
d-bottom-offset-30
d-bottom-offset-35
d-bottom-offset-40
d-bottom-offset-45
d-bottom-offset-50
d-bottom-offset-60
Bottom offsets
Components
Buttons & Links
View Component
Content Teasers
View Component
Customer Engagement
View Component
Dividers & Containers
View Component
Notifications
View Component
Pagination
View Component
Product Stack
View Component
Progress Indicators
View Component
Ratings & Reviews
View Component
Show / Hides
View Component
Typography
View Component