Bulma sin espacios – Barcelona Geeks

La clase Bulma Gapless se usa para eliminar el espacio entre las columnas, agregue el modificador is-gapless en elcontenedor de columnas . La columna Gapless se puede combinar con laclase de modificador is-multiline .

Clases de Bulma Gapless:

is-gapless: esta clase se utiliza para eliminar el espacio entre columnas.

Sintaxis:

<div class="columns is-gapless">
  .....

</div>

Ejemplo: El siguiente ejemplo ilustra la clase Gapless en Bulma.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Bulma Panel</title>
    <link rel='stylesheet' 
          href=
'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'>
</head>
  
<body class="has-text-centered">
    <h1 class="is-size-2 has-text-success">
        GeeksforGeeks
    </h1> <b>Bulma Columns Gapless</b>
    <br>
    <section class="section">
        <div class="container">
            <div class="columns is-gapless">
                <div class="column has-background-success"> 
                  First column 
                </div>
                <div class="column has-background-primary"> 
                  Second column
                </div>
                <div class="column has-background-success"> 
                  Third column 
                </div>
                <div class="column has-background-primary"> 
                  Fourth column
                </div>
            </div>
        </div>
      </section>
</body>
  
</html>

Producción:

Columnas Bulma sin espacios

Referencia: https://bulma.io/documentation/columns/gap/#gapless

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

HTML

Deja una respuesta Cancelar la respuesta