- grid – This class generates a block-level grid
- md-grid– This class generates a block-level grid width is at least 768 pixels
- flex – This class apply inline or block depending on the given value. It enables a flex context for all its direct children.
- list-none -This class hide marker is shown
- absolute – This class places an element relative to its parent’s position and changing the layout around it
- relative – This class places an element relative to its current position without changing the layout around it
- text-nowrap – Text should overflow the parent
- z-1 – This class specifies the stack order of an element.
- fw-bold– This class specifies font weight value ( 700 )
- grid-span-full – This class specifies a grid item’s size and location within a row and column
- stretched-link – This class to make its containing block clickable via a
::beforepseudo element.this means that an element with position: absolute; - grow – This class specifies how much the item will grow relative to the rest of the flexible items inside the same container.
- d-none – This class hide the elements
- d-sm-none – This class will be applied to elements, when the viewport width is at maximum 767 pixels
- pl-sm-15 – This class apply the padding value 15px width is at least 768 pixels
- d-xl-block – This class will be applied to elements, when the viewport width is at least 1200 pixels
- d-xl-none – This class will be applied to elements with the classes when the viewport width is at least 1200 pixels
- d-md-block – This class will be applied to elements with the classes when the viewport width is at least 768 pixels
- d-lg-block – This class will be applied to elements with the classes when the viewport width is at least 1024 pixels
- d-lg-none – This class will be applied to elements with the classes when the viewport width is at least 1024 pixels
- overflow-hidden – overflow property with value hidden, the overflow is clipped. The content hides.
- border – This class to display the border of element
- rounded – To apply border radius sizes to an element.rounded-sm value is 4px
- rounded-sm – To apply border radius sizes to an element.rounded-sm value is 2px
- col-span-2 – colspan specifies the number of columns a cell should span.col-span-2 cover all 2 columns
- col-span-3 – colspan specifies the number of columns a cell should span.col-span-3 cover all 3 columns