adminLTE 教程 -0 基础布局
来源:互联网 发布:淘宝商城怎么开店 编辑:程序博客网 时间:2024/06/01 19:03
基础布局。
1、meta没的说
2、引入bootstrap
3、引入字体库,肯定用得到,下载到本地放在plugins下也可以
4、adminLTE子什么的文件肯定需要
5、皮肤skin,可以引入_all...,但是如果只需要一个皮肤的话,比如只需要蓝色,直接引入skin-blue就行,毕竟越简越好
6、兼容IE8的两个js文件
7、jquery没的说
8、fastclick,触摸设备快速点击体验,不想兼容手机可以去掉
9、slimscroll,菜单和页面中的滚动条样式,放上去毕竟好看嘛。(看一下不加的效果,不好看吧)
加上slimscroll就是这个效果,还是加上吧
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
0、基础页面
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
title
>AdminLTE 2 | Starter</
title
>
<!-- Tell the browser to be responsive to screen width -->
<
meta
content
=
"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
name
=
"viewport"
>
<!-- Bootstrap 3.3.6 -->
<
link
rel
=
"stylesheet"
href
=
"bootstrap/css/bootstrap.min.css"
>
<!-- Font Awesome -->
<
link
rel
=
"stylesheet"
href
=
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"
>
<!-- Ionicons -->
<
link
rel
=
"stylesheet"
href
=
"https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"
>
<!-- Theme style -->
<
link
rel
=
"stylesheet"
href
=
"dist/css/AdminLTE.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"dist/css/skins/skin-blue.min.css"
>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</
head
>
<!-- jQuery 2.2.3 -->
<
script
src
=
"plugins/jQuery/jquery-2.2.3.min.js"
></
script
>
<!-- Bootstrap 3.3.6 -->
<
script
src
=
"bootstrap/js/bootstrap.min.js"
></
script
>
<!-- FastClick -->
<
script
src
=
"plugins/fastclick/fastclick.js"
></
script
>
<!-- SlimScroll 1.3.0 -->
<
script
src
=
"plugins/slimScroll/jquery.slimscroll.min.js"
></
script
>
<
script
>
var AdminLTEOptions = {
};
</
script
>
<!-- AdminLTE App -->
<
script
src
=
"dist/js/app.min.js"
></
script
>
这就是最基础的页面,拿去慢用。
这个文档和adminLTE基础配合看效果更好!!!
阅读全文
0 0
- adminLTE 教程 -0 基础布局
- adminLTE 教程 -1 基础
- adminLTE 教程
- Adminlte教程
- adminLTE 教程 -3 box
- adminLTE 教程 -5 tab
- adminLTE 教程 -7 进度条
- AdminLTE 2的布局Layout
- adminLTE 教程 -6 多box
- adminLTE 教程 -2 配置文件 app.js详解
- adminLTE 教程 -4 轮播控件
- css基础精华---Flex 布局教程:实例篇
- AdminLTE 入门教程
- Yii2.0框架基础--布局
- 基础布局
- WEB2.0标准教程: CSS布局入门
- 搭建 rbac 后台系列教程(二)—— 安装 AdminLTE 渲染后台和 yii2-admin 集成 rbac
- Hexo 0 基础全套教程
- [Spring Boot实战系列]
- pyhton3.6 unittest
- ZooKeeper ZAB协议简述
- Spring中的ResourceLoader接口
- c#空合并运算符号的用法
- adminLTE 教程 -0 基础布局
- MySql 监控sql执行
- Python-list
- python 字符串格式化调用方法
- post 相比get 有很多优点,为什么现在的HTTP通信中大多数请求还是使用get
- PCB设计中的的3W规则和20H原则
- 异常
- hdu_2682_prime
- 2-8·crontab计划任务管理