tag - acronym html

Bulma: ¿Cómo centras un botón en una caja?

Question

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

<button class="is-center"> no está funcionando.

Answer 1

Quickfix: envuelve el botón en un div con style = "text-align: center;"

<div style="text-align: center;">
<button class="button is-success">Center me</button>
</div>

Answer 2

Sí, hay una forma nativa.

Bulma ofrece has-text-centered clase centrada en el texto para centrar elementos de texto, en inline y en inline-block .

Puedes usar el siguiente código:

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

Manifestación:

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