导航菜单/面包屑 - 在线演示 - Layui

开发工具

调试预览
布局

栅格

基本布局
基本元素

按钮

表单

导航/面包屑

选项卡

进度条

面板

徽章

时间线

静态表格

动画

辅助元素
组件示例

弹出层

日期与时间选择

数据表格

分页

文件上传

穿梭框

树形组件

颜色选择器

滑块

评分

轮播

模板引擎

流加载

工具模块

文本行修饰

预览
查看代码
帮助

水平导航菜单

导航带徽章和图片

更多导航主题

垂直导航菜单

侧边固定导航菜单

← 囖，就左边那家伙！带图标神马的那是必须可以的。另外你可能还需要下拉菜单，这个将在下版本推出！

默认面包屑

自定义分隔符的面包屑

还可以用于门户频道的面包屑

其实就是自定义了个“|”的分隔符，然后最后一项也可以点。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../../res.layui.com/layui/dist/css/layui.html"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>

相关

导航元素文档常用元素操作