Я использую 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">
, но это тоже не помогло. Как я могу это сделать?