Javascript 引导设置组合输入字段的宽度，而不使用网格系统

我试图在引导中使用组合输入构建一些字段。我可以这样做，但现在我想设置输入框的宽度

创造
项目1
项目2
二者都

我建议您使用来组织布局，但如果您仍然希望使用相对于父级的

宽度

的解决方案。您可以检查宽度和高度

基本上，您使用了错误的实用程序类。对于

宽度

，提供了其中五种

w-100

<代码>w-75，

w-50

，

w-25

，

w-auto

。因此，您应该将代码更改为以下代码段：

<div class="input-group w-100">
  <span class="input-group-text w-25">Create</span>
  <input type="number" class="form-control" placeholder="Number of items" value =1/>
  <select class="form-control w-25" id="searchAssemblyType">
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Both</option>
  </select>
  <input  class=" form-control w-75" type="text" id="partNumberInput" aria-describedby="enter Number" autocomplete="off" placeholder="Search Items .." >
</div>

创造
项目1
项目2
二者都

选中此项

另一个解决方案是为每个标记元素声明自己的类，并使用自定义CSS相应地为它们指定宽度