我一直在寻找问题的解决方案，但无法找到不使用自定义css类就能解决问题的方法。我想知道是否有可能做什么我正在寻找只使用flex类。
我有一个简单的导航栏组件:
<Navbar bg="dark" variant="dark">
<Navbar.Brand href="#home">Navbar</Navbar.Brand>
<Nav className="mr-auto">
<Nav.Link href="#home">Home</Nav.Link>
<Nav.Link href="#features">Features</Nav.Link>
<Nav.Link href="#pricing">Pricing</Nav.Link>
</Nav>
<Nav className="mr-left">
<Nav.Item >
<Timer/>
</Nav.Item>
</Nav>
</Navbar>
其中TIMER是一个简单的 文本
我找到了一种方法，但我不太喜欢它，因为我用nav.link替换了nav.item。这就不太好了:
<Navbar bg="dark" variant="dark">
<Navbar.Brand href="#home">Navbar</Navbar.Brand>
<Nav className="mr-auto">
<Nav.Link href="#home">Home</Nav.Link>
<Nav.Link href="#features">Features</Nav.Link>
<Nav.Link href="#pricing">Pricing</Nav.Link>
<Nav.Link className="disabled ml-auto">
<Timer/>
</Nav.Link>
</Nav>
</Navbar>
在我使用导航栏内的2导航之前，老实说我不知道它有多少是正确的。取而代之的是，现在我只使用一个导航，但我不能设置它和导航栏一样大，以便将计时器移动到右边
