web-dev-qa-db-fra.com

Bulma: Comment centrer un bouton dans une boîte?

<div class="box">
 <button class="button">Center me</button>
</div>

<button class="is-center"> ne fonctionne pas.

23
Dazzle

Oui, il y a une manière indigène.

Bulma offre has-text-centered classe pour centrer le texte, inline et inline-block éléments.

Vous pouvez utiliser le code suivant:

<div class="box has-text-centered">
  <button class="button">Center me</button>
</div>

démo:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.2/css/bulma.css" rel="stylesheet"/>
<div class="box has-text-centered">
 <button class="button">Center me</button>
</div>
54
Mohammad Usman