Theme built-in CSS classes

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 ::before pseudo 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

Contents