Bulma Alignment se usa para alinear el contenido de su sitio web, hay 4 clases de alineación diferentes en Bulma. Puede usar cualquiera de ellos para alinear su contexto.
Clases de alineación:
- has-text-centered: esta clase se utiliza para alinear el contexto centrado.
- tiene-texto-justificado: Esta clase se utiliza para alinear el contexto justificado.
- has-text-left: Esta clase se usa para alinear el contexto a la izquierda.
- has-text-right: esta clase se utiliza para alinear el contexto a la derecha.
Ejemplo: El siguiente ejemplo ilustra la clase «Alineación» en Bulma.
HTML
<!DOCTYPE html> <html> <head> <link rel='stylesheet' href= 'https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css'> </head> <body class="has-text-centered"> <h1 class="is-size-2 has-text-success"> GeeksforGeeks </h1> <b>Bulma Alignment</b> <br> <div class="container"> <p class="has-text-centered is-size-4 box"> GeeksforGeeks</p> <!-- This can be left align, it's centered because of has-text-centered class in body tag --> <p class="has-text-justify is-size-4 box"> GeeksforGeeks</p> <p class="has-text-right is-size-4 box"> GeeksforGeeks</p> <p class="has-text-left is-size-4 box"> GeeksforGeeks</p> </div> </body> </html>
Producción:
alineación de bulma
Referencia: https://bulma.io/documentation/helpers/typography-helpers/#alignment
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA