react-bootstrap对齐rtl输入组附加组件（前置和追加）

Question

因此，我正在尝试正确调整输入组附加组件并出于对上帝的爱，我似乎无法使其正常工作。

我的网站：

应该是这样的：

我使用react-bootstrap而不是Reactstrap库

我的代码：

    <Container>
  <Row>
    <Col>
      <FormControl placeholder="תעודת זהות" />
    </Col>
    <Col>
      <FormControl placeholder="עיר\מושב" />
    </Col>
  </Row>
  <Row>
    <Col>
      <InputGroup
        style={{
          width: "20rem"
        }}
        className="mt-3 "
      >
        <DropdownButton as={InputGroup.Prepend}>
          <Dropdown.Item>אולי</Dropdown.Item>
        </DropdownButton>
        <FormControl placeholder="חשבון ראשי" className="rounded" />
      </InputGroup>
    </Col>
  </Row>
</Container>

我做错什么了吗？