AdminLTE 2的布局Layout
来源:互联网 发布:程序员必看的十大电影 编辑:程序博客网 时间:2024/06/06 21:21
一个页面布局Layout的主要组成部分
AdminLTE 2中,一个页面的主布局Layout通常包含四个主要部分 :
典型的用法一般是body标签下面只有一个标记了class含有.wrapper的div,
然后所有的应用界面都实现在这个div里面。 Main Header .main-header 包含 logo 和 navbar
一般位于页面最顶部 Sidebar .sidebar-wrapper 包含用户面板 user panel 和侧边栏菜单 sidebar menu.
1.这里sidebar menu指的一般是出现在页面左侧用于功能导航的侧边栏菜单。
2.这里user panel指的是sidebar menu上面显示用户信息,当前状态的用户面板。 Content .content-wrapper 包含内容头部 page header 和内容 content
在AdminLTE的文档和例子中,这里的page header和content header,指的是同一个东西
Content通常位于整个页面的右下区域,是应用最主要的业务功能实现区域。
以上所提到的概念指的是一个使用了AdminLTE Layout布局功能的页面的主要组成部分。在这样的每个组成部分中,开发者可以针对需求设计不同的细节布局。但一般来讲,理解了上面的四个顶层的布局组成部分的功能,开发者能更好地理解和利用AdminLTE提供的功能。
布局Layout选项 : 使用哪种布局?
AdminLTE2提供了以下4种布局选项供开发者应用主布局。这些布局选项以CSS类class的形式存在,将它们添加到body标签上以达到想要的布局效果:
!!! 注意 : layout-boxed和fixed这两个选项不能同时使用,其他的选项可以同时使用
参考内容
- AdminLTE官网
- AdminLTE官方文档
阅读全文
0 0
- AdminLTE 2的布局Layout
- AdminLTE 2的组件Component
- WPF的布局(Layout)
- Ext的Layout布局
- Ext的 Layout布局
- Android的布局Layout
- layout布局的学习
- Layout的存取/布局
- adminLTE 教程 -0 基础布局
- eclipse布局的layout和layout data
- AdminLTE的使用
- AdminLTE的使用
- adminLTE的介绍
- Android Layout的各种布局
- extjs4.0的布局Layout
- 新的Layout布局系统
- android的layout布局种类
- View的布局(layout)过程
- andriod—junit测试框架
- git 遇到The remote end hung up unexpectedly
- 作为函数参数的指针
- Android 判断线程
- Launcher3模块编译(用mm命令)报错,解决方案
- AdminLTE 2的布局Layout
- replace ,replaceAll,replaceFirst使用中的坑
- 【BZOJ4653】【NOI2016】区间 线段树
- nodejs 是用来做什么的
- 回声消除方案对比
- vb.net的关键字和结构体
- u-boot移植流程
- mysql中游标的使用案例详解
- 【比赛】大二如何准备蓝桥杯的比赛?