如何使用Bootstrap 4和React在按钮组中设置DropdownButton的样式

Question

我对DropdownButton的样式有疑问（来自react-bootstrap）。我有这个：

我想要这样的东西：

这是我的代码：

                            <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>