Google News
logo
Bootstrap-4 Interview Questions
Make flex-items shrink on small screen using the flex-sm-shrink-1 class used in Bootstrap.
Display flex items horizontally and right-align on medium screen using the flex-md-row-reverse class in Bootstrap.
Display flex items in the center of a flex container on extra-large screen using the justify-content-xl-center class used in Bootstrap.
 
We have used xl for extra-large screen size :
 
<div class="d-flex justify-content-xl-center bg-primary">

      Flex items
      -----------
      -----------

</div>
By default Bootstrap4 use font-size of 16px with line-height of 1.5. The default font-family is “Helvetica Neue” which is a combination of Helvetica, Arial, sans-and serif.