可以将 bulma 列放在级别项目中吗？

Question

我试图在水平项目中放置一列，但它似乎缩小到很小的宽度。有没有办法让列占据水平项目的整个宽度？

代码如下：

<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">
          hi
        </div>
        <div class="column is-2">
          hi2
        </div>
      </div>
    </div>
  </div>
  </div>
</body>

</html>

Answer 1

您可以添加助手 class is-flex-grow-1 到 columns

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

可以将 bulma 列放在级别项目中吗？

Can put a bulma columns inside a level-item?

css

bulma