Я начал строить свой пользовательский интерфейс, используяreact-bootstrap и теперь для меня есть важная задача создать Аккордеонное Меню SideBar, используя стандартныеbootstrap компоненты. я нашелэтот пример, который используетpanel-group а такжеtable, но я думаю, что это не самый лучший способ, потому чтоnav лучше естественным образом для компонентов навигации.

Я хочу, чтобы мой код меню SideBar выглядел следующим образом (react-bootstrap составная часть):

<Nav bsStyle="pills" stacked>
    <NavItem title="Item 1">
        <Nav bsStyle="pills" stacked>
            <NavItem title="Sub Item 1">Sub Item 1</NavItem>
            <NavItem title="Sub Item 2">Sub Item 2</NavItem>
            <NavItem title="Sub Item 3">Sub Item 3</NavItem>
        </Nav>
    </NavItem>
    <NavItem title="Item 2">Item 2</NavItem>
    <NavItem title="Item 3">Item 3</NavItem>
</Nav>

Любые предложения сreact-bootstrap или простоbootstrap будет полезно.