Bootstrap 3刪除行內輸入之間的空間

Question

我正在做一個簡單的行內形式。如何調整每個輸入表單之間的空格？我想讓投入基本接觸。

<div class="row"> 
<form class="in-line" role="form"> 
<div class="col-md-3 col-md-offset-3"> 
    <div class="form-group"> 
     <input type="email" class="form-control input-lg" id="EmailInput" placeholder="Email Address"> 
    </div> 
</div> 
<div class="col-md-2"> 
    <div class ="form-group"> 
     <input type="text" class="form-control input-lg" placeholder="City"> 
    </div> 
</div> 
<div class="col-md-3"> 
     <button class="btn btn-lg btn-success" type="button">Submit</button> 
</form> 
</div> 

Answer 1

的間距由引導程序固有填充網格列之間引起的。如果你想要表單元素彼此對接（左和右），你可以漂浮容器div。

http://jsfiddle.net/2n9AH/1/

HTML

<div class="row"> 
    <div class="formElement"> 
     <input type="email" class="form-control input-lg" id="EmailInput" placeholder="Email Address"> 
    </div> 
    <div class="formElement"> 
     <input type="text" class="form-control input-lg" placeholder="City"> 
    </div> 
</div> 

CSS

.formElement { 
    float:left; 
    width:200px; 
}