Align gathered items in the center in Bootstrap 4

Use the .align-content-center class to align gathered items in the center in Bootstrap 4.

Set the align-content-center class as shown below −

After that, add the flex items −

  
One
  
Two
  
Three

Let us see an example to implement the align-content-center class −
Example
Live Demo

  
    
    
    
    
    
    
  

  

    

Example
    

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