2014-03-24 43 views
0

我在玩基礎框架,我試圖用它做一個簡單的登錄表單。 這裏是我的標記用基礎框架在面板的底部創建的空間

<form> 
      <div class="row"> 
       <div class="large-4 columns"> 
        <div class="panel"> 
         <div class="row"> 
          <div> 
           <label>Login: <input type="text" placeholder="Login"> 
          </div> 
         </div> 
         <div class="row"> 
          <div> 
           <label>Senha <input type="password"> 
          </div> 
         </div> 
         <div class="row">              
          <input type="submit" value="OK" class="tiny button right"> 
          <a href="#" class="left">Esqueci minha senha</a> 
         </div>  
        </div>      
       </div>    
      </div> 
     </form> 

但在它的底部,有創造了一定的空間。 enter image description here 我該如何刪除這個空間?

回答

0

您正在談論的空間是由按鈕底部邊距創建的。要刪除它只需添加一個CSS類像這樣:

.panel .button { margin-bottom: 0; } 

工作例如:JSFIDDLE