javascript - React-bootstrap:没有 NavItem 的导航?

标签 javascript css twitter-bootstrap reactjs react-bootstrap

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

这引出了我的问题:摆脱 NavItem 最简单的方法是什么?并获得(某种程度上)样式正确、有序的元素?

如果我简单地输入 <li><Button>...</Button></li><Nav> ,它提示 <li> 不期望的属性。我尝试替换 <Nav>与我自己的<ul>虽然复制了它的所有属性,但效果仍然不佳。我想,像这样玩弄最终会起作用,但将来很容易崩溃,因为我不尊重 Navbar 中的一些内容。的设计考虑。

Navbar只能与 <Nav> 一起使用和链接?如果我想在我的栏中添加非元素,我是否必须从头开始做整个事情?一定有更好的解决方案......?

最佳答案

我认为您发现制作组件或更改 Bootstrap 组件更容易,并且

关于javascript - React-bootstrap:没有 NavItem 的导航?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41958230/

相关文章:

php - symfony 2 : using asset for image path in css

css - 如何水平堆叠 block 和/或表格以创建水平导航菜单?

javascript - 如何整合 Bootstrap collapse 和 scrollspy?

html - 如何覆盖 Bootstrap 缩略图?

javascript - AngularJS 通过 ng-click 将字符串传递给函数

javascript - 如何在 AngularJS 中追加 Json 字符串

Javascript 输入值向下舍入

javascript - Jquery 中另一个元素的克隆/镜像路径?

CSS: "AND"和 + 运算符?

javascript - 在调整大小的元素上更新文本溢出属性