justified button groups render incorrectly about react-bootstrap HOT 3 CLOSED

Just looking for some clarification on this topic.

The proper way of rendering a justified ButtonGroup is thus:

            <ButtonGroup justified>
                <ButtonGroup>
                        <Button>Button 1</Button>
                </ButtonGroup>
                <ButtonGroup>
                        <Button>Button 2</Button>
                </ButtonGroup>
                <ButtonGroup>
                        <Button>Button 3</Button>
                </ButtonGroup>
                <ButtonGroup>
                        <Button>Button 4</Button>
                </ButtonGroup>
            </ButtonGroup>

Isn't this really verbose ? Isn't this something that could be taken care of by the react-bootstrap library?

And maybe we should update the docs on this topic ?The current version could use some clarification: http://react-bootstrap.github.io/components.html#btn-groups-justified

from react-bootstrap.

Arg, never mind.

Proper use involves nested ButtonGroup components.

from react-bootstrap.

No, that's not right. Follow the example on the components page. It looks like the OP doesn't understand .btn-group.btn-group-justified means - the markup we render follows what's in upstream Bootstrap.

from react-bootstrap.