Html 使用两列设置窗体的样式

我正在尝试重新创建下面的页面

我对Bootstrap4的网格系统非常熟悉，但我在表单方面非常吃力。页面上的表单由一行和两列6组成。我正在编写第一个专栏，但我似乎无法使用flexbox类保持所有内容的内联。有人能告诉我如何得到类似的格式吗

名字：
姓氏：
出生日期:
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
2018
2017
性别：
男性
女性
研究领域：

实际上这不是一个，因此您不应该在

上使用

.form inline

类。这种结构称为水平形式，在引导文档的一节中进行了描述。基本上，您必须根据需要使用标准网格类来布局标签和输入字段。
此外，让您的

标记同时包装左边和右边的列，以便只创建一个表单。否则，您将无法一次性提交

下面的示例提供了一个示例实现，其中标签和输入上都使用了

.col-sm-6

类

名字：
姓氏：
出生日期:
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
2018
2017
性别：
男性
女性
研究领域：
电子邮件地址
密码
密码

非常感谢。我很犹豫在两列中使用两种不同的形式，但你的解释很有道理！