布爾瑪CSS - 按鍵在輸入字段

Question

進出口使用布爾瑪框架，如何運動按鈕與輸入字段相同的行？它看起來輸入字段是全寬

我的代碼：

<div class="container"> 
<div class="field"> 
    <div class="control has-icons-left has-icons-right"> 
    <input type="text" class="input is-info is-large" placeholder="Input number in seconds"> 
    <span class="icon is-medium is-left"> 
     <i class="fa fa-futbol-o"></i> 
    </span> 
    </div>  
</div> 
<a class="button is-info">GO</a> 

結果Result image

Answer 1

http://bulma.io/documentation/form/general/#form-addons

如果您想這樣的權利，但不輸入， 可以使用has-addons類「合併」控件（輸入和按鍵這裏）裏面的按鈕：

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css" rel="stylesheet"/> 
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="field has-addons"> 
 
    <div class="control has-icons-left"> 
 
     <input type="text" class="input is-info is-large" placeholder="Input number in seconds"> 
 
     <span class="icon is-medium is-left"> 
 
     <i class="fa fa-futbol-o"></i> 
 
     </span> 
 
    </div> 
 
    <div class="control"> 
 
     <a class="button is-info is-large">GO</a> 
 
    </div> 
 
    </div> 
 
</div>