Javascript 物料界面：如何制作对齐表单

我不熟悉材料界面。通常如何构建表单，其中一些字段水平分组，而其他字段垂直堆叠，所有字段在垂直和水平方向上都很好地对齐？请参见以下示例图片：

---

我知道如何用简单的HTML表构建这种表单，但“正确”的材质UI方式是什么？示例代码很好。

这里有前两行的示例：