首页 > 解决方案 > 如何在没有填充的情况下将两个输入内联?

问题描述

我尝试了这种方法:

<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类重置第一个元素的填充,但我认为这是错误的方式

标签: twitter-bootstraptwitter-bootstrap-3

解决方案


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

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%;
}

在此处输入图像描述


推荐阅读