如果使用layui和bootstrap作为前端的布局来写毕业作业之类的,那么经常会因为需要设置不同的行数而整的很繁琐,因此,特地添加这个layui布局生成与预览器,可以快速生成多行layui布局并进行预览

无间隔

电脑布局:
手机布局:
🔄刷新

添加间隔

需要先选择无间隔的数量,在添加间隔;一次只能选择一个间隔,不能重复选择

由于bootstrap v4.7以下的版本与layui的运作方式一样,因此特地提供了layui一键转化成bootstrap的功能,这样不管是layui还是bootstrap都可以快速方便的使用

顺带提一下:Bootstrap 3 和 Bootstrap 4 最大的区别在于从Bootstrap 4开始使用了弹性布局而不是浮动布局。