Html Select元素的宽度不是窗台宽度，而是引导间距超调

我正在用bootstrap-4设置输入表单的样式。我有一个输入字段和一个选择字段。两者都有类col，但间距不同，但选择字段稍小

当我对这两个字段使用col-6类时，它们的长度相同，但是我不能创建空格，这是我的案例所需要的。当我添加间距时，其中一个项目刚好移动到下一行

JS小提琴：

4.
4.

一个Bootstrap解决方案将是非常好的，因为项目一致的样式和编码，我不想在Bootstrap中间使用自己的CSS。

---

谢谢。

默认引导v4表单标记：

div.row 
  div.col
    input.form-control
  div.col
    input.form-control
div.row
  div.col
    select.form-control
      option
      option
      ...
  div.col
    any-other-form-element.form-control

显然，您可以将

.col

替换为任何其他

.col-*-*

，这取决于您希望它们以不同屏幕宽度显示的方式

但您也可以将

.row

s交换为

。表单row

s，如下所示：

您也可以将

.row

替换为

.form row

，这是我们标准网格行的一种变体，它覆盖默认的列檐槽，以实现更紧凑的布局

---

查看它。

为什么要使用

col-6

。只需使用与第二行

相同的语法，即不使用
col-6
。我不想使用col-6，但我还没有找到其他方法来实现select和input字段的相同宽度。