react-bootstrap:没有NavItem导航?

时间:2017-01-31 12:58:25

标签: javascript css twitter-bootstrap reactjs react-bootstrap

也许我只是愚蠢或偏见,但我真的不喜欢NavItem。它是<a>包裹在<li>内的事实强制执行了许多我不想遵守的规则。我只想使用Bootstrap样式创建自己的Navbar,但是使用我自己的元素,例如<Button><ButtonGroup>,可能是一个不可点击的图像,甚至是一个搜索框。

这引出了我的问题:摆脱NavItem并获得(有些)正确设计的有序元素的最简单方法是什么?

如果我只是在<li><Button>...</Button></li>中添加<Nav>,则会抱怨<li>不期望的属性。我尝试将<Nav>替换为我自己的<ul>,同时复制它的所有属性,但仍然无法正常运行。我想,只是玩这样的游戏最终会有效但很容易在未来中断,因为我不尊重Navbar的一些设计考虑因素。

Navbar仅用于<Nav>和链接吗?如果我想在我的栏中使用非元素,我是否必须从头开始做所有事情?必须有更好的解决方案......?

1 个答案:

答案 0 :(得分:0)

我认为您发现制作组件或更改引导程序组件更容易