发表新帖
发表新帖

Bootstrap 4 - no column wrapping

前端 未结
关注
2 822
一生所求
一生所求 2020-12-04 03:26

I need to to prevent B4 columns from wrapping when resizing the Browser. Here is my code:





        

      

      
      

        

          2条回答        


        
    
                    
  • 
            
            
    
                         
                 醉梦人生 
              
              
    
                
                   醉梦人生
                                             
                
                
                (楼主)
            
              
                  
    
                2020-12-04 03:47
              
    

            
    
            
    
              
              

    The accepted answer doesn't provide a solution to the posters question.
    


    Bootstrap 4 .rows are flex containers and the .col's in the row are the flex items. There are a bunch of utility classes that they provide to control the flex containers and items.
    


    To prevent the columns in your row from stacking add the .flex-nowrap class to your row:
    


    
...

    

    


    Reference:  Bootstrap 4 - Flex Doc's
    
    
    
             
    
                                                        
    
            
    
            
    
              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              
    
                          
             
       
          
              
    
                                       
    

    

                
    
                         
          
    • 
                              			
        

        
        

          

            
            

              
              

            
    


                                 
              

            

                          
    

        
         

                
                

                  
                

                

                   看不清?
                

              

                                  

                    
   
                 
             
              
提交回复
热议问题