Align gathered items “around” in Bootstrap 4

Use .align-content-around class to align gathered items "around" in Bootstrap 4.

The align-content-around class is set like the below code snippet ?

After that add the flex items ?

  
One
  
Two
  
Three
  
Four

Let us see an example to align gathered items around ?
Example

  
    
    
    
    
    
    
  



  

Example
  
This is demo text

  

    
One
    
Two
    
Three
    
Four
    
Five
    
Six
    
Seven
    
Eight
    
Nine
    
Ten
    
Eleven
    
Twleve
    
Thirteen
    
Fourteen