Css 如何设置；标签3“；与“的百分比相同”；标签1“；以这种形式？

我用的是bootstrap4

我想将“标签3”设置为与“标签1”相同的宽度。输入宽度，页面的其余部分（参见代码）

有可能吗

谢谢

标签1：
标签2：
标签3：

---

不要在

表单组

旁边放置

行

，而是添加另一个具有

表单行

的

div

，如下所示：

标签1：
标签2：
标签3：

不要将

行

放在

表单组

旁边，而是添加另一个

div

，该div具有

表单行

，如下所示：

标签1：
标签2：
标签3：

如果我更改尺寸？例如col-3和col-9///col-3和col-9。如何设置标签3？什么元素的大小？标签和输入组代码中有三个

和

.input group

，您指的是哪一个？既然标签3已经是col-3了，你是指标签1和标签2吗？不管怎样，我建议你先尝试一下你想改变的东西，然后再问一下你是否遇到了问题。这个答案只针对当前的问题。如果我改变尺寸？例如col-3和col-9///col-3和col-9。如何设置标签3？什么元素的大小？标签和输入组代码中有三个

和

.input group

，您指的是哪一个？既然标签3已经是col-3了，你是指标签1和标签2吗？不管怎样，我建议你先尝试一下你想改变的东西，然后再问一下你是否遇到了问题。这个答案只针对当前的问题。

<div class="form-row">
<div class="col-6">
<div class="form-group row">
<label for="name" class="col-6">LABEL 1:</label>
<div class="input-group col-6">
<input type="text" class="form-control" placeholder="Enter text">
</div>
</div>
</div>

<div class="col-6">
<div class="form-group row">
<label for="name" class="col-6">LABEL 2:</label>
<div class="col-6">
<input class="form-control" placeholder="Enter text" type="text">
</div>
</div>
</div>
</div>      

<div class="form-row">
<div class="col-12">
<div class="form-group row">
<label for="name" class="col-3">LABEL 3:</label>
<div class="input-group col-9">
<input type="text" class="form-control" placeholder="Enter text">
</div>
</div>
</div>