Navbar 导航条

2019-08-14lijianxin1202

一个丰富的,响应式的导航头,支持商标,导航等等

使用场景#

  • 将一些公共的,与具体模块无关的导航、提示语等集中放在一起,以供用户方便的查看、跳转

常规#

表单#

文本和非导航链接#

API#

参数类型默认值说明
fixedTopbooleanfalse生成一个顶部固定的、随页面流动的导航条
fixedBottombooleanfalse生成一个底部固定、随页面流动的导航条
staticTopbooleanfalse生成全宽度的随页面流动的导航条
inversebooleanfalse使用暗色的导航条
fluidbooleanfalse允许流动的导航条调整至页面或容器宽度而不是预设的屏幕宽度
componentClasselementType'nav'为此组件设置一个定制化的风格
onTogglefunction当收缩或展开时调用的回调函数
onSelectfunction<Nav> 被选中调用的回调,用来执行复杂的关闭或其它操作
collapseOnSelectbooleanfalse当一个 <Nav> 下属触发 onSelect 时,设置 expanded 为 false
expandedboolean显式设置 navbar 主体可视
rolestring
bsStyleone of 'default', 'inverse''default'定义组件可视的或上下文相关的样式属性