我正在使用 react-bootstrap为我的网站设计样式。我想添加 Navbar所有元素都镜像到右侧。
export default class XNavbar extends React.Component {
render() {
return (
<Navbar inverse fluid >
<Navbar.Header>
<Navbar.Brand>
<a href="#">Brand</a>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav>
<NavItem eventKey={1} href="#">Hello</NavItem>
<NavItem eventKey={2} href="#">World</NavItem>
</Nav>
</Navbar.Collapse>
</Navbar>
)}
}
结果是
但我真正想要的是什么
[ World Hello Brand ]
我尝试使用 pullRight在 <Navbar 上但它没有用。我还添加了 <html dir="rtl"> ，但这也没有帮助。我该怎么做？
最佳答案
对于像我这样无法让 pullRight 工作的人来说，添加 ml-auto 似乎效果更好。
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="ml-auto">
<Nav.Link href="#one">One</Nav.Link>
<Nav.Link href="#two">Two</Nav.Link>
</Nav>
</Navbar.Collapse>
关于html - React-Bootstrap 拉右导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34084496/