css - como - ¿Cómo puedo hacer que un botón bulma alcance todo el ancho?

grid bulma css

Question

Estoy usando [email protected] css framework

Tengo el botón de enviar dentro de un formulario de la siguiente manera

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

El resultado es el siguiente

¿Cómo puedo hacer que el botón salga de ancho completo?

Answer 1

Añadir la clase 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>

Answer 2

is-fullwidth , id no me funciona, pero is-overlay , ¡sí!