react-bootstrap - 如何在 react-bootstrap 中居中导航栏

Question

我希望这是一个简单的问题，并且我看到有些人就 Bootstrap 提出了类似的问题。我无法将其中一个答案转化为适合我的解决方案，而且我认为在任何情况下都可能有一个更简单的 react-bootstrap 答案。

代码示例在这里:https://codesandbox.io/s/yq5jvl9lz9

当视口(viewport)足够宽时，它的外观如下:


这或多或少是我想要的:


对你的帮助表示感谢!谢谢，纳特

编辑 12/22/18:从下面@Cristian 的信息开始，我修改了示例。我需要 display: inline-block除了width: 100% .不幸的是，在更大的屏幕尺寸下，“品牌”现在与菜单项不一致:


任何其他修复表示赞赏!我已将其发布为 fresh question ，所以答案可以去那里(以及接受答案的分数!)

Answer 1

我认为 className='m-auto'在 Nav足够