layui框架简单解读，为什么要使用layui框架，layui框架的好处，后端程序员快速学习掌握layui框架技术型文档博文，layui学习笔记，快速掌握前端技术框架

于是我们可以通过以下进行调整，在技术文档中

看标记，那一列有一个md，md就是我们之前写的div引用布局时写的，我们可以根据不同的设备进行更改即可

但是我们一直这样修改，岂不是很麻烦，所以，我们可以直接在class内，直接在md9之后，添加一个空格，再写一个，只不过这个就不要时md了，可以换其他设备，这样就可以在多台设备进行添加

7、管理系统界面布局

=========================================================================

我们管理系统，其实大体都差不多，都是上面有一个导航栏，左边有一个目录栏，右边有一个主题，可能最下面还有一个尾栏，

技术文档内就有指出：

代码实现：

123

123

123

示例布局已经做好，现在要添加颜色， 之前我们是按照原先的div的颜色标签进行添加颜色的，其实在框架内部，提供了颜色：

添加代码后的颜色是这样：来看下效果：

发现并不尽人意，那是因为，主体部分我们并没有限定高度，但是限定高度仍属于div的属性，子啊框架中，我们可以通过layui-layout-admin解决，他会自动生成管理系统布局：

那此刻我们的管理系统布局已经做好了：

左边的空白部分是菜单，我们暂时可以忽略；

| | |

| — | — |

说实现，现在已经凌晨一点07分了，真晚了，真不想在写了；再写一点，今晚先发布出去，等之后在添加改吧，唉，苦逼的编程生活

| | |

| — | — |

8、按钮组件

=====================================================================

我们一开始使用的示例，就是由框架生成的按钮的效果

代码演示：

一个标准的按钮

a标签的按钮

span标签的按钮

我们普通的框架按钮，作用在其他元素上，都可以生成按钮

除了这些，还有一些其他格式的按钮，我们只需要添加不同的class就可以了，就不再一一展示了

这些按钮添加响应的class即可，下面讲一下图标按钮的使用

8.1、图标按钮的使用

---

在我们的文档中就有描述

如何才能把 图标和按钮组合起来呢，主要由两个方法：

class引入：

效果：

想要更换，更换后面的样式即可

图标下面的就是：

另外一种就是使用样式上面的那一段文字：

具体使用如下：

只不过是早之前的版本，推荐使用class那个

| | |

| — | — |

9、导航栏

==================================