adminlte框架的基本使用-ag真人游戏

框架介绍：adminlte是一个完全响应管理模板。基于bootstrap3，jquery 3.3.1 这两个框架框架，易定制模板。适合多种屏幕分辨率，从小型移动设备到大型台式机。内置了多个页面，包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。对于后台站点的模板渲染，有很大的作用。

下载

1. 可以使用git clone到本地            git clone https://github.com/almasaeed2010/adminlte.git
2. 也可以在github中将其下载到本地，点击

文件结构介绍

1. bower_components：存放了这个框架依赖的其他框架，如bootstrap，jquery、字体样式、图标样式等。
2. build： 编译前的源文件目录
3. dist：编译后的静态资源目录
4. pages：目录下是一些示例页面
5. plugins：目录存放依赖的插件
6. starter.html ：是 adminlte 建议用来作为起点的参考示例
7. index.html：是adminlte中比较完善的展示品，用于参考、借鉴。

下面以 starter.html 为例，来认识 adminlte 页面的基本结构。

初识start.html

start.html所涉及到的基本js、css来自于bower_components目录、dist目录。

head 区域

在 head 区域，由三类标签组成，分别是meta、title、link。css链接包括bootstrap、字体样式、图标样式、站点基本布局、皮肤颜色。下面是省略了用于引入外部样式表的 links 标签的示例。

  
  
  
  
  
  
  .......
 

body区域

body区域由三部分组成，分别是头部、侧面导航栏、右侧内容展示。

 

     ......
 


     .......

• 自定义主题样式

......

1. skin-blue：主题颜色，如果引入了_all-skins.min.css，有很多颜色可以选择,默认是蓝色。该样式表位于dist/css/skin。
2. sidebar-mini：布局主题，在adminlte.css中可以找到。有五种选择fixed、layout-boxed、layout-top-nav 、sidebar-collapse、sidebar-mini

| skins         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |

• 头部区域

1. logo-lg隐藏，logo-mini显示
   

• 左侧导航

​​​​​​​