Bootstrap 4 .flex-*-wrap class implementation

Use the flex-*-wrap class like flex-lg-wrap, flex-sm-wrap, flex-md-wrap, etc to wrap flex items on different screen sizes ?

The following is the code snippet for the flex items wrap on small screen size using the flex-sm-wrap class ?

 
Poland
 
Netherlands
 
Ireland
 
Brazil

You can try to run the following code to implement the flex-*-wrap class in Bootstrap 4 ?

Example


  
    Bootstrap Example
    
    
    
    
    
  

  
   

Flex Examples

   

Wrap - Yes

   
     
Poland
     
Netherlands
     
Ireland
     
Brazil
     
India
     
US
     
Bangladesh
     
Russia
     
Morocco
     
UK
     
Australia
     
Denmark
   

   

Will wrap on Small Screen

     
     
Poland
     
Netherlands
     
Ireland
     
Brazil
     
India
     
US
     
Bangladesh
     
Russia
     
Morocco
     
UK
     
Australia
     
Denmark
   

   

Will Wrap on Large Screen

   
     
Poland
     
Netherlands
     
Ireland
     
Brazil
     
India
     
US
     
Bangladesh
     
Russia
     
Morocco
     
UK
     
Australia
     
Denmark
   

 
Updated on: 2026-03-11T22:50:42+05:30

242 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements