adminlte php,adminLTE 教程 -1 基础

先介绍一下adminLTE的官方网站：adminLTE官方网站和github：adminLTE的github

大家可以在上面的官方网站或者github上下载源码

adminLTE是基于bootstrap3的前端框架，并且将bootstrap3进行修改来适应自身的样式。

adminLTE除了可以使用bootstrap3的大多数样式之外，自身也提供了一些非常实用的样式包装，并且在样式演示中已经基本罗列出来了。

adminLTE的js是基于jquery2。

adminLTE的插件中使用的基本都是bootstrap和jquery的插件。

想开始使用adminLTE样式，只需要在项目演示中按F12打开调试窗口，使用箭头选中控件，复制粘贴即可，如图

adminLTE提供了基础模板页面starter.html，再此基础上做开发会快速很多：

在adminLTE给的index2.php代码中，有几点需要注意：

1、皮肤

引入皮肤的文件：

在

皮肤的类：

skin-blue 蓝黑

skin-blue-light 蓝白

skin-yellow黄黑

skin-yellow-light 黄白

skin-green绿黑

skin-green-light

skin-purple紫黑

skin-purple-light

skin-red

skin-red-light

skin-black白黑

skin-black-light 白白

2、adminLTE提供的布局

Fixed 固定完全隐藏

sidebar-collapse 侧边栏折叠隐藏，而且完全隐藏

layout-boxed 盒子布局，不平铺

layout-top-nav 只有顶部导航完全隐藏

sidebar-mini 侧边栏隐藏时会有小图标

其中Fixed和layout-boxed不可同时使用，其他的可以根据自身需求组合

3、其他注意事项

消除点击延迟

adminLTE配置文件

下面这俩个只用于演示，项目中可以参考

下一节研究一下adminLTE的box，adminLTE提供的样式包装中box算是最主要的部分了

本文出自 “11130372” 博客，谢绝转载！

adminlte php,adminLTE 教程 -1 基础相关推荐

java学习day51（AdminLTE）AdminLTE快速入门与应用
目录简述第一章-快速入门第一节-概述与基本使用第二节-快速入门案例第二章-SSM界面第一节-首页第二节-登录页面第三节-用户管理页面第四节-角色管理页面第五节-资源权限管理页面第 ...
python向量计算库教程_NumPy库入门教程：基础知识总结
原标题:NumPy库入门教程:基础知识总结视学算法 | 作者知乎专栏 | 来源 numpy可以说是 Python运用于人工智能和科学计算的一个重要基础,近段时间恰好学习了numpy,pandas, ...
Nmap扫描教程之基础扫描详解
Nmap扫描教程之基础扫描详解 Nmap扫描基础扫描当用户对Nmap工具了解后,即可使用该工具实施扫描.通过上一章的介绍,用户可知Nmap工具可以分别对主机.端口.版本.操作系统等实施扫描.但是,在 ...
[译]Vulkan教程(04)基础代码
[译]Vulkan教程(04)基础代码 General structure 通用结构 In the previous chapter you've created a Vulkan project w ...
Eigen教程1 - 基础
Eigen教程1 - 基础参考:https://blog.csdn.net/xuezhisdc/article/details/54619853 固定大小的矩阵和向量 /** 参考链接:http:/ ...
软件测试python基础_软件测试学习教程——python基础
原标题:软件测试学习教程--python基础一,print()函数 print 作用:把" "内部的内容,输出到屏幕. print("hello world" ...
c语言语言教程0基础_C语言基础
c语言语言教程0基础 Hey, Folks here I am back with my second article on C language. Hope you are through with ...
html5教学文档笔记,4.HTML 教程- (HTML5 基础）
HTML 教程- (HTML5 基础) 1.HTML 标题 HTML 标题(Heading)是通过 - 标签来定义的. 2.HTML 段落 HTML 段落是通过标签来定义的. 3.HTML 链接 H ...
计算机键盘输入法基础知识,教程计算机基础知识-：认识输入法
教程计算机基础知识-:认识输入法认识输入法在任务栏的右边有一个小键盘图标,这就是输入法,默认输入的是英文字母,点击可以选择汉字输入法: 1.切换输入法 1)瞄准任务栏上的小键盘点左键,在出来的菜单 ...
java基础教程知识点,[Java教程]js基础知识点总结
[Java教程]js基础知识点总结 0 2016-11-01 21:00:04 如何在一个网站或者一个页面,去书写你的js代码: 1.js的分层(功能):jquery(tool) 组件(ui) 应用( ...

adminlte php,adminLTE 教程 -1 基础

adminlte php,adminLTE 教程 -1 基础相关推荐

最新文章

热门文章