Làm cách nào để tạo nút bulma có chiều rộng đầy đủ?

Question

Tôi đang sử dụng khuôn khổ bulma@0.3.0 css

Tôi có nút gửi trong một hình thức như sau

... 
<!--Submit button--> 
<div class="columns"> 
    <div class="column is-full"> 
     <button type="submit" class="button is-primary"> 
      <span class="icon"><i class="fa fa-sign-in"></i></span> 
      <span>Login</span> 
     </button> 
    </div> 
</div> 
... 

Kết quả là sau

Làm thế nào tôi có thể làm cho nút đi đầy đủ -chiều rộng ?

Answer 1

Thêm lớp is-fullwidth

<button type="submit" class="button is-primary is-fullwidth"> 
     <span class="icon"><i class="fa fa-sign-in"></i></span> 
     <span>Login</span> 
</button>