Wrap flex items in reversed order in Bootstrap

To wrap flex items in reverse order, you need to use the flex-wrap-reverse class in Bootstrap.

To wrap reverse flex items, use the flex-wrap-reverse class ?

Now add the flex items accordingly ?

  
Rank 1
  
Rank 2
  
Rank 3
  
Rank 4

Let us see an example to implement the 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