Существует готовое решение для получения разборного горизонтального NavBar:
<Navbar inverse fixedTop fluid collapseOnSelect>
<Navbar.Header>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav>
<LinkContainer to={'/'} exact>
<NavItem>
<Glyphicon glyph='home' /> CollapseLink1
</NavItem>
</LinkContainer>
<LinkContainer to={'/'}>
<NavItem>
<Glyphicon glyph='education' /> CollapseLink2
</NavItem>
</LinkContainer>
<LinkContainer to={'/'}>
<NavItem>
<Glyphicon glyph='th-list' /> CollapseLink3
</NavItem>
</LinkContainer>
</Nav>
</Navbar.Collapse>
</Navbar>
Это дает горизонтальное меню на больших экранах:
И вертикальное меню на маленьких экранах:
Но предположим, что я хочу добавить пару кнопок со значками, которые всегда должны оставаться в верхнем правом углу независимо от того, что происходит:
Я читал примеры отделения разборных предметов от неразборных, и все они очень быстро становятся неуклюжими. Это должно быть общим требованием, нет ли готового подхода?
Какой хороший метод структурирования этого дизайна?