web-dev-qa-db-fra.com

Comment puis-je faire en sorte qu'un bouton bulma soit pleine largeur?

J'utilise [email protected]. framework css

J'ai soumis le bouton dans un formulaire comme suit

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

Le résultat est le suivant

enter image description here

Comment puis-je rendre le bouton pleine largeur?

21
ira

Ajoutez la classe 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>
58
Manuel Obregozo

is-fullwidth, je ne travaille pas pour moi, mais is-overlay , fait!

2
Pauls Bebris