Utilities
Class Name Suffix Description Example
w-suffix 25, 50, 75, 100, auto and auto-fit It gives width according to the parent. w-100, w-auto and w-auto-fit
margin-suffix 4, 8, 16, 24, 32, 40 and 64 This classes will provide margin accordingly with unit px. margin-24
padding-suffix 4, 8, 16, 24, 32, 40 and 64 This classes will provide padding accordingly with unit px. padding-24
opacity-suffix 25, 50, 75 and 100 This classes will provide opacity accordingly with percentage as unit. opacity-24
box-shadow-suffix sm, lg, deep and none This classes will provide or remove Box shadow. box-shadow-none
overflow-suffix hidden, scroll This will set the overflow property of the element. overflow-hidden
position-suffix absolute, relative This will set the position property of the element. position-hidden
border-suffix 1 to 5 This will set the border of the element according to the pixel. border-2
border-color-suffix primary, danger, info, success, grey and inherit This will set the border color of the element. border-color-primary
border-color-suffix primary, danger, muted, strong, info, success, grey and inherit This will set the border color of the element. border-color-primary
border-radius-suffix sm, md, lg, full and none This will set the border radius of the element. border-radius-md
d-suffix none, inline, block, inline-block and flex This will set the display property of the element. d-inline
d-flex-suffix row, column, row-reverse and column-reverse This will set the display flex property of the element. d-flex-row
justify-content-suffix start, end, center, between, around and evenly This will set the justify-content property of the element. justify-content-center
justify-items-suffix start, end, center, between, around and evenly This will set the justify-items property of the element. justify-items-center
justify-self-suffix start, end, center, between, around and evenly This will set the justify-self property of the element. justify-self-center
align-content-suffix start, end, center, between, around and evenly This will set the align-content property of the element. align-content-center
align-items-suffix start, end, center, between, around and evenly This will set the align-items property of the element. align-items-center
align-self-suffix start, end, center, between, around and evenly This will set the align-self property of the element. align-self-center
hidden - This will hide the element. hidden
disp - This will unhide the element. disp