Bootstrap 4 如何在angular material 8中将两个mat form字段平分为一行？

如何在angular material 8中将两个mat form字段平分为一行

---

使用

col-md-6

而不使用

offset-md-3

（更多信息）

style=“width:50%”

是不必要的。还请注意，这仅适用于视口≥引导程序4中的768px（）和

col xs-*

是

col-*

说明：由于每个引导行有12个单元格，而您的div需要9个单元格（偏移量为6+3），所以第二个div将移动到下一行。删除

offset-md-3

后，两个div位于同一行中

请参阅以下演示：
（我必须添加

col-6 offset-3

和

col-6

，因为代码段输出对于

col md-*

来说太小了）

.red{
背景：红色；
}
黄先生{
背景：黄色；
}
.行{
高度：100px；
宽度：400px；
}

当前情况：
一行中的子div：
间距：
周围空间：

另外，我需要在两个div之间留出一些空间，你能建议吗？这取决于你需要多少空间<代码>可能会留下太多的空间。您可以将两个div设置为

col-5

，并使用

margin

。如果空格可以在div的内容之间，而不是div本身，则可以保留

col-6

并添加

padding

。你可能会觉得有用