Bootstrap 4 .flex-wrap-reverse class

Use the flex-wrap-reverse class in Bootstrap 4 to wrap flex items and in reverse order.

Here is the difference between flex-wrap and flex-wrap-reverse ?

Set wrap-flex-reverse as in the following code snippet ?

  
Rank 1
  
Rank 2
  
Rank 3
  
Rank 4
  
Rank 5

You can try to run the following code to implement flex-wrap-reverse class ?
Example

  
    
    
    
    
    
    
  
  
    

      

Wrap
      
Flex Wrap
      

        
Rank 1
        
Rank 2
        
Rank 3
        
Rank 4
        
Rank 5
        
Rank 6
        
Rank 7
        
Rank 8
        
Rank 9
        
Rank 10
        
Rank 11
        
Rank 12
        
Rank 13
        
Rank 14
        
Rank 15
        
Rank 16
        
Rank 17
        
Rank 18
        
Rank 19
        
Rank 20
      


      
Flex Wrap - Reverse
      

        
Rank 1
        
Rank 2
        
Rank 3
        
Rank 4
        
Rank 5
        
Rank 6
        
Rank 7
        
Rank 8
        
Rank 9
        
Rank 10
        
Rank 11
        
Rank 12
        
Rank 13
        
Rank 14
        
Rank 15
        
Rank 16
        
Rank 17
        
Rank 18
        
Rank 19
        
Rank 20