可以在关卡项目中放置布尔玛列吗？答案

【问题标题】：Can put a bulma columns inside a level-item?可以在关卡项目中放置布尔玛列吗？
【发布时间】：2021-11-22 12:18:29
【问题描述】：

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

下面是代码：

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

【问题讨论】：

标签： css bulma

【解决方案1】：

您可以将助手类 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>

【讨论】：