在 react js 中对齐我的网页的输入字段。似乎无法了解我必须遵循的对齐方式。附布局答案

【问题标题】：Aligning input fields for my web page in react js. Cant seem to get an idea of the alignment that i must follow. Layout attached在 react js 中对齐我的网页的输入字段。似乎无法了解我必须遵循的对齐方式。附布局
【发布时间】：2021-12-03 22:22:19
【问题描述】：

这是要设计的网页的粗略布局。

【问题讨论】：

你可以尝试使用CSS Grid

标签： javascript html css reactjs frontend

【解决方案1】：

您可以使用引导程序。只需按照说明进行操作。这很简单。 https://react-bootstrap.github.io/layout/grid/

<Row>
  <Col sm={3}>
    // left container
  </Col>
  <Col sm={9}>
    // right container
    <Row>
      <Col sm={4}></Col>
      <Col sm={4}></Col>
      <Col sm={4}></Col>
    </Row>
  </Col>
</Row>

【讨论】：

非常感谢，不过如何对齐上传图片框
您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
如果您浏览链接，您会发现视口由 12 个单元组成。所以你只需要遵循这个。现在您可以通过添加类“col-sm-3”从 3 个单元创建左容器，通过添加类“col-sm-9”从 9 个单元创建右容器现在再次将右容器分成几块