logoOutUI

⌘ K
  • 指南
  • 组件
  • 工具类
  • 其他
v5.3.x
  • 组件总览
  • 通用
    • Color 色彩
    • Icon 图标
    • Button 按钮
    • Text 文本
    • Link 链接
    • Typography 排版
  • 布局
    • Grid 栅格
    • Layout 布局
    • Stack 堆栈
  • 表单
    • Input 输入框
    • Select 选择器
    • Radio 单选框
    • Checkbox 复选框
    • Input group 输入组
    • Float label 浮动标签
    • ColorPicker 颜色选择器
    • Slider 滑块
    • Switch 开关
    • Upload 文件上传
    • Form 表单
  • 导航
    • Affix 固钉
    • Breadcrumb 面包屑
    • Dropdown 下拉菜单
    • NavBar 导航栏
    • NavMenu 导航菜单
    • Tabs 标签页
    • Pagination 分页
  • 数据
    • Table 表格
    • Tag 标签
    • Progress 进度条
    • Badge 徽章
    • Avatar 头像
最后更新时间:
NavBar 导航栏Tabs 标签页
Copyright © 2021-present 粤ICP备2021136339号
‌
‌
‌
‌

NavMenu 导航菜单

为网站提供导航功能的菜单。

基础用法

列表使用 li 标签,.nav-item 用于包裹 .nav-link 元素。.nav-link 元素用于链接,.active 类用于设置当前活动链接。.disabled 类用于禁用链接。.nav-link 元素可以包含 span 或 i 元素,以添加图标。

列表使用 a 标签,.nav-link 元素用于链接,.active 类用于设置当前活动链接


侧栏


可折叠的侧边栏。

对齐方式

使用 flexbox utility 更改导航的水平对齐方式。默认情况下,导航是左对齐的,但你可以轻松地将它们更改为居中或右对齐

水平居中

通过 .justify-content-center 水平居中对齐

通过 .justify-content-end 右对齐

垂直堆叠

通过 .flex-column 堆叠导航(例如 .flex-sm-column),项出了用ul包裹,也可以用a标签