對齊inputboxes向右使用基礎頂部菜單

Question

我使用ZURB的基礎上建立一個響應網站4

我試圖對準登錄形式的權利，不需填充旁登錄按鈕。

以下的文檔時，只有一個輸入框（最初搜索表單），沒有填充到按鈕

該代碼實現這一點的右側，可被再現，並且由基礎提供docs：

<form> 
    <div class="row collapse"> 
     <div class="small-8 columns"> 
     <input type="text"> 
     </div> 
     <div class="small-4 columns"> 
     <a href="#" class="alert button">Login</a> 
     </div> 
    </div> 
    </form> 

當我修改此代碼有兩個inputboxes，出現填充。 我已經嘗試了所有可以考慮刪除填充的內容。 這是代碼

<form> 
    <div class="row collapse"> 
     <div class="small-4 columns"> 
     <input type="text"> 
     </div> 
     <div class="small-4 columns"> 
     <input type="password"> 
     </div> 
     <div class="small-4 columns"> 
     <a href="#" class="alert button">Login</a> 
     </div> 
    </div> 
    </form> 

的問題可以被視爲here

我也可以設置登錄按鈕被擴大，但是這顯然使得按鍵大了很多，比它實際應該的。

任何幫助表示讚賞

Answer 1

謝謝@基礎MIRC頻道！

答案是在列中給出small-5，small-5和small-2的寬度，並在最後放置一個擴展按鈕。