csscss-frameworksbulma

How can I make a bulma button goes full width?


I am using bulma@0.3.0 css framework

I have submit button within a form as follows

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

The result is the following

enter image description here

How can I make the button goes full-width ?


Solution

  • Add the class 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>