Utility Class in Bootstrap 4

Utility: Borders
border-*-0
border-primary
border-secondary
border-success
border-danger
border-warning
border-info  
border-light
border-dark
border-white
rounded
rounded-circle
rounded-*
Utility: Colors
bg-primary
bg-secondary
bg-success
bg-info
bg-warning
bg-danger
bg-light
bg-dark
bg-white
text-primary
text-secondary
text-success
text-info  
text-warning
text-danger
text-light
text-dark
Utility: Display
d-*-block  
d-*-flex
d-*-inline
d-*-inline-block
d-*-inline-flex
d-*-none
d-*-table
d-*-table-cell
d-print-...
Utility: Flexbox
flex-*-column
flex-*-column-reverse
flex-*-row
flex-*-row-reverse
flex-*-nowrap
flex-*-wrap
flex-*-wrap-reverse
justify-content-*-start
justify-content-*-end
justify-content-*-center
justify-content-*-between
justify-content-*-around
align-content-*-start
align-content-*-end
align-content-*-center
align-content-*-around
align-content-*-stretch
align-items-*-start
align-items-*-end
align-items-*-center
align-items-*-baseline
align-items-*-stretch
align-self-*-start
align-self-*-end
align-self-*-center  
align-self-*-baseline
align-self-*-stretch
order-*-#
Utility: Misc
close
embed-responsive
invisible
visible
sr-only
sr-only-focusable
Utility: Positioning
align-*
clearfix
fixed-top
fixed-bottom
sticky-top
float-*-left
float-*-right  
float-*-none
Utility: Sizing
w-100
h-100
mw-100
mh-100
Utility: Spacing
m-1 / m-*-#
mt-1 / mt-*-#
mr-1 / mr-*-#
mb-1 / mb-*-#
ml-1 / ml-*-#
mx-1 / mx-*-#
my-1 / my-*-#
p-1 / p-*-#
pt-1 / pt-*-#  
pr-1 / pr-*-#
pb-1 / pb-*-#
pl-1 / pl-*-#
px-1 / px-*-#
py-1 / py-*-#
Utility: Text
font-weight-bold
font-weight-normal
font-italic
text-justify
text-nowrap
text-*-left
text-*-right  
text-*-center
text-lowercase
text-uppercase
text-capitalize
text-truncate
text-muted
text-hide

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.