刪除文本框和按鈕之間的空間

我的代碼如下：我想刪除textboxes和按鈕之間的空格，所以所有3個元素都互相粘在一起。我怎樣才能做到這一點。刪除文本框和按鈕之間的空間

<div class="container"> 
    <div class="row"> 
     <div class="panel panel-default col-md-12 "> 
      <div class="panel-body"> 
       <form action="#" role="form" class="form-inline"> 

        <div class="form-group col-md-4 "> 
         <input type="email" class="form-control " placeholder="Email Address" required> 

        </div> 
        <div class=" form-group col-md-4 span7 "> 
         <input type="email" class="form-control " placeholder="Email Address" required> 
        </div> 
        <div class=" form-group col-md-4"> 
         <button class="btn btn-primary btn-circle " type="submit">Sign up for free</button> 
        </div> 


       </form> 
      </div> 
     </div> 
    </div> 
</div>

輸出

來源

2017-01-21 Illep

你可以在jsfiddle上分享嗎？ – aloisdg

[Bootstrap 3刪除內聯輸入之間的空間]可能的副本（http://stackoverflow.com/questions/20736686/bootstrap-3-remove-space-between-inline-inputs） – Null

JSFindle如下。 http://jsfiddle.net/2n9AH/24/ – Illep

試試這個代碼將所有元素粘在一起。

我剛剛刪除了form-group類。

<div class="container"> 
    <div class="row"> 
     <div class="panel panel-default col-md-12 "> 
      <div class="panel-body"> 
       <form action="#" role="form" class="form-inline"> 

        <div class=" col-md-4 "> 
         <input type="email" class="form-control " placeholder="Email Address" required> 

        </div> 
        <div class=" col-md-4 span7 "> 
         <input type="email" class="form-control " placeholder="Email Address" required> 
        </div> 
        <div class=" col-md-4"> 
         <button class="btn btn-primary btn-circle " type="submit">Sign up for free</button> 
        </div> 


       </form> 
      </div> 
     </div> 
    </div> 
</div>

來源

2017-01-21 15:41:31

它仍然是一樣的。文本框和按鈕之間有空格。 – Illep

它正在對我的工作。 –

您是否複製了我提供的代碼並運行它？ –

刪除文本框和按鈕之間的空間

回答

相關問題