如何将两个输入串联而不填充？

Question

我尝试过这种方法：

<div class="col-md-6">
<div class="col-md-4"><div class="input"><input type="text" name="seria" placeholder="Номер паспорта"></div></div>
<div class="col-md-8"><div class="input"><input type="text" name="organ" placeholder="Серия паспорта"><div class="error">Adı, Soyadı və Atanın adını daxil edin</div></div></div>
<div class="input"><input type="text" name="organ" placeholder="Орган выдавший паспорт">
</div>
</div>

但是它却让我不想要填充：

是的，我可以使用row类重置第一个元素的填充，但是我觉得这是错误的方式

Answer 1

现在应该可以正常工作了。

HTML ::  `

 <div class="col-md-6">
   <div class="col-md-4">
      <input type="text" class="input" name="seria" placeholder="Номер паспорта" />
   </div>
   <div class="col-md-8">
      <input type="text" class="input"  name="organ" placeholder="Серия паспорта" />
      <div class="error">Adı, Soyadı və Atanın adını daxil edin</div>
   </div>
   <div class="col-md-12">
      <input type="text" class="input"   name="organ" placeholder="Орган выдавший паспорт" />
   </div>
</div>

`

CSS ::

.input{
  width:100%;
}