Nav 导航

2019-08-16lijianxin1202

导航

使用场景#

  • 用于在页面顶部、底部或侧边提供各种跳转

常规#

下拉方式#

堆叠方式#

使用 stacked 让按钮垂直排列。

两边对齐#

使用 justified 让导航条充满父容器的宽度。

API#

参数类型默认值说明
activeKeyany导航条目的 eventKey 与此属性匹配的激活,优行级高于 activeHref 匹配
activeHrefstring导航条目的 href 与此属性值一致的显示为激活
stackedbooleanfalse垂直排列
justifiedallfalse充满父容器的宽度
onSelectfunction选中事件
rolestring导航 ARIA 角色, 在 TabContainer 上下文中, 缺省值设为 "tablist", 可以被 Nav 重新设置
navbarboolean在 Navbar 中使用时应用对齐风格,这个属性使用在 Navbar 中会自动设置上。
pullRightbooleanfalse浮动 Nav 至右侧. 当 navbar 为 true 时,必要上下文样式会被添加。
pullLeftbooleanfalse浮动 Nav 至左侧. 当 navbar 为 true 时,必要上下文样式会被添加。
bsStyleone of: "tabs", "pills"定义组件可视的或上下文相关的样式属性。
bsClassstring'nav'定义组件基础 CSS 及前缀。通常改变 bsClass 目的是为组件提供新的、非 Bootstrap 自带样式。