Как оформить DropdownButton в группе кнопок с bootstrap 4 и React - PullRequest
Новая
       26

Как оформить DropdownButton в группе кнопок с bootstrap 4 и React

0 голосов
/ 20 февраля 2020

У меня проблема со стилем DropdownButton (от реакции- bootstrap). У меня есть это:

wrong styling

И я хотел бы иметь что-то вроде этого:

right styling

Вот мой код: 

                            <div className="btn-group">
                                <DropdownButton
                                    title="Dropdown"
                                    id={`dropdown-button-drop`}
                                >
                                    <Dropdown.Item eventKey="1" className="text-primary">Option</Dropdown.Item>
                                    <Dropdown.Item eventKey="2" className="text-primary">Another option</Dropdown.Item>
                                </DropdownButton>
                                <OverlayTrigger
                                    placement="bottom"
                                    delay={{show: 250, hide: 350}}
                                    overlay={<Tooltip>Sort direction</Tooltip>}
                                >
                                    <Button variant="outline-secondary">
                                        <i className="fa fa-fw fa-sort-amount-asc"/>
                                    </Button>
                                </OverlayTrigger>
                            </div>
...