css 提取了Ace Admin多级菜单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 提取了Ace Admin多级菜单相关的知识,希望对你有一定的参考价值。

<!-- L1 ul -->
				<ul class="nav nav-list">
					<!-- L1 li -->
					<li class="active">
						<a href="index.html">
							<i class="menu-icon fa fa-tachometer"></i>
							<span class="menu-text"> Dashboard </span>
						</a>

						<b class="arrow"></b>
					</li>
					
					<!-- L1 li -->
					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-desktop"></i>
							<span class="menu-text">
								UI &amp; Elements
							</span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>
						
						<!-- L2 ul -->
						<ul class="submenu">
							<!-- L2 li -->							
							<li class="">
								<a href="#" class="dropdown-toggle">
									<i class="menu-icon fa fa-caret-right"></i>

									Three Level Menu
									<b class="arrow fa fa-angle-down"></b>
								</a>

								<b class="arrow"></b>
								
								<!-- L3 ul -->
								<ul class="submenu">
									<!-- L3 li -->
									<li class="">
										<a href="#">
											<i class="menu-icon fa fa-leaf green"></i>
											Item #1
										</a>

										<b class="arrow"></b>
									</li>
									
									<!-- L3 li -->
									<li class="">
										<a href="#" class="dropdown-toggle">
											<i class="menu-icon fa fa-pencil orange"></i>

											4th level
											<b class="arrow fa fa-angle-down"></b>
										</a>

										<b class="arrow"></b>
										
										<!-- L4 ul -->
										<ul class="submenu">
											<!-- L4 li -->
											<li class="">
												<a href="#">
													<i class="menu-icon fa fa-plus purple"></i>
													Add Product
												</a>

												<b class="arrow"></b>
											</li>											
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul><!-- /.nav-list -->

以上是关于css 提取了Ace Admin多级菜单的主要内容,如果未能解决你的问题,请参考以下文章

ace admin中类似iframe的效果如何实现的

CSS puer CSS中的多级下拉菜单

前端开发css实战:使用css制作网页中的多级菜单

带有 Php Mysql 的 Css 多级垂直菜单

html CSS只有多级offcan用菜单

使用 Jquery 的多级下拉菜单