Html 如何生成一个包含两个内联字段的组表单？

我正试图制作一个有背景图像的表格。所以这个表格应该是有反应的。然而，我不能使它正确。如何放置表单组。两条直线

另外，如何在导航栏中设置链接之间的间距

1.
2.
3.
4.
成人
1.
2.
3.
4.
更多
小孩
1.
2.
3.
4.
更多
开始搜索

我看到您正在使用引导…使用引导格式化非常容易

.giveMargins{
边缘顶部：50px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。朗库斯河，前前庭，大教堂广场，在这片土地上。
1.
2.
3.
4.
成人
1.
2.
3.
4.
更多
小孩
1.
2.
3.
4.
更多
开始搜索

我看到您正在使用引导…使用引导格式化非常容易

.giveMargins{
边缘顶部：50px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。朗库斯河，前前庭，大教堂广场，在这片土地上。
1.
2.
3.
4.
成人
1.
2.
3.
4.
更多
小孩
1.
2.
3.
4.
更多
开始搜索

您是否要求将结果格式化为您发布的图片？是的，正如图片中所示。所以对于flex box，我只需要包装这两个元素，就这样？你使用bootstrap吗？如果我看一下div类，它看起来是这样的。您还可以指定哪个版本的引导。并添加一些css代码，以便其他人可以看到您如何添加表单背景。谢谢，伙计们。我知道怎么做了。我会把这封信寄出去code@ultrapanam我看到你解决了这个问题，但我已经按照你的要求编辑了我下面的帖子…如果你想问一下如何像你发布的图片一样格式化结果，请查看它？是的，就像图片中的一样。所以对于flex box，我只需要包装这两个元素，就这样？你使用bootstrap吗？如果我看一下div类，它看起来是这样的。您还可以指定哪个版本的引导。并添加一些css代码，以便其他人可以看到您如何添加表单背景。谢谢，伙计们。我知道怎么做了。我会把这封信寄出去code@ultrapanam我看到你解决了这个问题，但我已经按照你的要求编辑了我下面的帖子……看看吧，如果你想得到回复，它会起作用的。唯一的问题是如何将它放在页面的右侧，我正在尝试编辑列，但它不起作用。它仍然像整个新街区一样block@ultrapanam您的意思是将整个容器向右对齐（您看到容器的左右两侧都有边距），还是仅将容器内的列对齐？谢谢您的回复，这很有效。唯一的问题是如何将它放在页面的右侧，我正在尝试编辑列，但它不起作用。它仍然像整个新街区一样block@ultrapanam您的意思是将整个容器右对齐（您看到容器中有左右边距），还是仅将容器中的列对齐？