【发布时间】：2017-06-16 22:16:21
【问题描述】：
也许我只是愚蠢或偏见，但我真的很不喜欢NavItem。它是一个 <a> 包裹在 <li> 中的事实强制执行了许多我不想遵守的规则。我只想使用 Bootstrap 样式创建自己的导航栏，但使用我自己的元素，例如 <Button>、<ButtonGroup>，可能是不可点击的图像甚至是搜索框。
这让我想到了我的问题：摆脱NavItem 并获得（某种程度上）正确样式、有序的元素的最简单方法是什么？
如果我只是将<li><Button>...</Button></li> 放在<Nav> 中，它会抱怨<li> 不期望的属性。我尝试用我自己的<ul> 替换<Nav>，同时复制它的所有属性，但它仍然无法正常工作。我想，像这样玩耍最终会奏效，但将来很容易坏掉，因为我不尊重Navbar 的一些设计考虑。
Navbar 是否只能与<Nav> 和链接一起使用？如果我想在我的酒吧中使用非元素，我是否必须从头开始做整个事情？一定有更好的解决方案...？
【问题讨论】：
标签： javascript css twitter-bootstrap reactjs react-bootstrap