Align flex items around on different screen sizes in Bootstrap

To align flex items around on different screen sizes, use the justify-content-*-around class.

You can achieve the following result that justifies content on small and medium screen sizes ?

To implement the justify-content-*-around class in Bootstrap ?

Example

  
    
    
    
    
    
    
  



  

    
Default
    

      
ANS 1
      
ANS 2
      
ANS 3
    
    
Small Screen Size
    

      
ANS 1
      
ANS 2
      
ANS 3
    
    
Medium Screen Size
    

      
ANS 1
      
ANS 2
      
ANS 3
    
    
Large Screen Size
    

      
ANS 1
      
ANS 2
      
ANS 3