Bootstrap4.5栅格系统的任意列问题怎么解决？

以.container-lg为例，当屏幕宽度小于960px的时候，容器会占满屏幕宽度，全屏显示，此时效果等同.container-fluid。

2、栅格系统

bootstrap4更加灵活自由，可以轻而易举的解决问题中遇到的瓶颈。bootstrap4的栅格系统继承了前一个版本的大部分内容，同时进行了大量的优化。下面是一个一行5个等宽列的例子：

  

    
.col
    
.col
    
.col
    
.col
    
.col

运行结果：

想要自动每行5列怎么办？

等宽多行

通过插入.w-100来创建跨越多行的等宽列，在该行中您希望列换行到新行。

  

    
.col
    
.col
    
.col
    
.col
    
.col
    

    
.col
        
.col
    
.col
    
.col
    
.col
    

    
.col
        
.col
    
.col
    
.col
    
.col

显示结果

通过

另外：bootstrap4预制了很多工具类，使用起来十分方便https://getbootstrap.com/docs/4.5/utilities/

更多编程相关知识，请访问：编程学习网站！！

以上就是Bootstrap4.5栅格系统的任意列问题怎么解决？的详细内容，更多请关注其它相关文章！