1.布局

用于侧边栏的默认HTML布局是：

快捷按钮：可选
.nav-list：包含侧边栏项目
展开/折叠按钮：可选

< div  class = “ sidebar responsive ”  id = “ sidebar ” > < div  class = “ sidebar-shortcuts ”  id = “ sidebar-shortcuts ” >...< / div >< ul  class = “ nav nav-list ” >...< / ul >< div  class = “ sidebar-toggle sidebar-collapse ” >...< / div >
< / div > <！ -  /.sidebar  - >

2.菜单项

一级菜单如下

<li><a href="#"><i class="menu-icon fa fa-leaf"></i><span class="menu-text">Item text</span><b class="arrow fa fa-angle-down"></b><!-- arrow down icon if there's a submenu --></a><b class="arrow"></b><!-- optional arrow for minimized menu & hover submenu --><ul class="submenu">....</ul>
</li>

图标应该有 .menu-icon class 。
一级菜单项的文本应该位于 .menu-text 元素内部，但深层次不需要：

<!-- first level item -->
<li><a href="#"><i class="menu-icon fa fa-caret-right"></i><span class="menu-text">level 2 item text</span><b class="arrow fa fa-angle-down"></b></a>
</li><!-- second level item -->
<li><a href="#"><i class="menu-icon fa fa-caret-right"></i>level 2 item text<b class="arrow fa fa-angle-down"></b></a>
</li>

4.最小化按钮

 <div class="sidebar responsive" id="sidebar">...<div id="sidebar-collapse" class="sidebar-toggle sidebar-collapse"><i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i></div></div><!-- /.sidebar -->

ace admi 三侧边栏相关推荐

YII与Ace Admin 的集成
目录一. 前言... 1 二.为什么要使用YII+ace. 1 三.新建YII模块... 1 四.如何修改模板... 3 五.注意的地方... 4 六.整合的不足之处... 4 一. 前言 yii- ...
阿里云ACA、ACP和ACE认证考试有什么区别？考生应该如何选择？-阿里云开发者社区
阿里云认证分为ACA.ACP和ACE三个等级.考生应该考取ACA.ACP还是ACE阿里云认证证书呢?本文分享阿里云认证等级ACA.ACP和ACE选择: 阿里云认证ACA.ACP和ACE等级选择阿里云 ...
ACE的框架及其核心
ACE设计框架和基础模块的关联 *一.案例描述视频电警开发,是基于ACE框架上的一次重复开发,本文档拟对ACE框架做一个梳理,以期对他人进行基于ace的开发有所帮助. *二.系统安装 ACE的安装是 ...
归因组件ACE：订单归类技术解决方案
前言天猫优品导购归因链路负责天猫优品订单导购判定工作,目前支撑了天猫优品权益券导购.普通导购和淘花导购等多种导购类型.随着业务迭代,现有导购归因链路在维护性.扩展性和可读性等方面存在明显不足,代码复 ...
sublime text使用小技巧
一. 每次打开Sublime Text ,如果弹A new version of Sublime Text 2 is available, download now?的对话框? 通过如下设置,即可取消 ...
AI眼中的世界是什么样子？谷歌新研究找到了机器的视觉概念
选自arXiv 作者:Amirata Ghorbani等机器之心编译参与:魔王来自斯坦福大学和谷歌大脑的研究人员为基于概念的解释方法提出了一些原则和要求,在整个数据集上识别更高层次的人类可理解概 ...
linux/unix编程手册-16_20
title: linux/unix编程手册-16_20 date: 2018-06-06 11:53:07 categories: programming tags: tips linux/unix编 ...
一位Oracle顶流铁粉的“躬身入局”
在中国的商业数据库界,有一位 Oracle 的顶流铁粉,这就是中国地区的首位 Oracle ACE 总监盖国强. 什么是Oracle ACE总监呢?Oracle的ACE项目主要是为了发现和培养精通Or ...
3.7.4 - Indexing and Slicing Strings
s1 = "abcdefg"# Indexing s1[0] s1[3] s1[-1] s1[-3]#Slicing s1[0:3] s1[2:5]s1[2:] s1[:3] s1 ...

ace admi 三侧边栏

1.布局

2.菜单项

ace admi 三侧边栏相关推荐

最新文章

热门文章

ace admi 三 侧边栏

1.布局

2.菜单项

ace admi 三 侧边栏相关推荐

最新文章

热门文章

ace admi 三侧边栏

ace admi 三侧边栏相关推荐