es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Se pueden incluir columnas de Bulma dentro de level-item?

29 May, 2023 Programación

Estoy tratando de poner columnas dentro de un nivel-elemento, pero parece que se encogen a un ancho pequeño. ¿Existe alguna manera de hacer que las columnas ocupen todo el ancho del nivel-elemento?

A continuación se muestra el código:

<html>

<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
</head>

<body>
  <div class="level">
    <div class="level-item">
      <div class="columns">
        <div class="column is-1">
          hola
        </div>
        <div class="column is-2">
          hola2
        </div>
      </div>
    </div>
  </div>

</body>

</html>
Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, existe una manera de hacer que las columnas ocupen todo el ancho del elemento level-item. Puedes agregar la clase is-fullwidth al elemento columns.

    <div class="level">
  <div class="level-item">
    <div class="columns is-fullwidth">
      <div class="column is-1">
        hi
      </div>
      <div class="column is-2">
        hi2
      </div>
    </div>
  </div>
</div>

    Esto hará que las columnas se estiren al ancho completo del elemento padre level-item.

Comments are closed.