layui怎么设计网页（利用layui做首页页面）
本文目录一览：
Layui框架:layui的格栅布局规则
更加轻量和简单layui的优点与缺点优点有以下几方面：（1）layui属于轻量级框架，简单美观。适用于开发后端模式，它在服务端页面上有非常好的效果。
第二件事， layui-col-md 布局不适配ie8，所以想要在ie8中使用栅格布局，可以改用 layui-col-xs ，这样子ie8中就不会有堆叠排列的样式，就是很正常的排列方式。
低门槛、简洁易用、高扩展性、易维护。Layui是一个基于模块化的前端UI框架，旨在提高开发效率。
Layui(二):图标和按钮
通过对一个内联元素（一般使用的是i标签），设定 class==layui-icon ，来定义一个图标，然后对元素加上图标对应的 font-class ，即可显示出对应的图标。
首先我们创建一个layui的按钮。要使用按钮事件，我们可以直接添加一个onclick属性就行了，并为其添加调用的函数，clickme。定义函数clickme就行了。代码如图。运行页面，可以看到一个按钮，点击这个按钮。
layuitab选项卡标题栏右边添加按钮方法：打开编译器，来到代码主要部分，点击进入编译。使用表格中的toolbar属性，字段里面添加toolbar属性。给toolbar进行js赋值，调用监听事件，即可添加按钮。
如果要在内置功能区选项卡中添加两个按钮，在单击这些按钮时会调用VBA过程，那么执行下面的步骤： 创建新工作簿并保存为启用宏的工作簿。 关闭该工作簿，然后在CustomUI Editor中打开该工作簿。
bootstrap与layui的不同之处有哪些
1、layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的。
2、layui 首个版本发布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。
3、性能Bootstrap提供更高的性能，可以快速创建或运行站点，且经常发布新的功能或组件；Jquery的性能相对较慢，并且不会经常发布新功能或组件。
4、Foundation框架 Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap有引导的意思尝试处理你项目中的一切所需。
5、在前端编程当中多采用栅格模式，的BootStrap、Layui都是此类设计。适配各类屏幕多使用不同尺寸的class去装饰即可。bootstrap是一个比较流行的响应式前端框架，利用bootstrap的栅格系统可以实现响应式的移动端布局。
6、风格与Facebook类似。BootMetro BootMetro框架的灵感来自于Metro UI CSS，基于Bootstrap 框架构建，用于创建Windows 8 的Metro风格的网站。包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。
