Col不与Form并排对齐

问题描述 投票:0回答:1

我有一个React组件,并且各列没有左右对齐。在我的退货单中,我有:

    <Row>
      <Col md="6">
        <CarouselPhotos />
      </Col>
      <Col>
        <Form>
        <Form.Group controlId="exampleForm.ControlInput1">
          <Form.Label>Email address</Form.Label>
          <Form.Control type="email" placeholder="[email protected]" />
        </Form.Group>
        </Form>
      </Col>
    </Row>

在示例图像中。标签电子邮件地址在CarouselPhotos组件旁边显示正确,但随后输入字段一直推到底。它应该在电子邮件地址的正下方。知道我在做什么错吗?

react-bootstrap
1个回答
0
投票
根据文档:如果未指定列宽,则Col组件将呈现相等宽度的列。这使我认为不必在第二个Col中设置Col,因为我认为它应该被均等地渲染。添加Col宽度后,现在可以使用。它均匀显示。
© www.soinside.com 2019 - 2024. All rights reserved.