2017-01-06 11 views
11

벌마 버튼을 전체 너비로 만들려면 어떻게해야합니까? 내가 <a href="http://bulma.io/" rel="noreferrer">[email protected]</a> CSS 프레임 워크를 사용하고

결과는 내가 버튼이 전체 이동 할 수있는 방법은 다음

enter image description here

입니다

... 
<!--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> 
... 

다음과 같이 나는 형태에서 버튼을 제출해야 -width?

+3

내가 생각하는 클래스를 추가입니다 - 전각은 당신이 올바른 –

+1

@ManuelObregozo 찾고있는 클래스입니다, 감사합니다 – ira

답변

27

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>