Bulma .field-div 在移动设备上左对齐

Question

我正在用 bulma 做我的第一个项目。我构建了一个输入标签和两个按钮，并将它们分组在一个 .field-div 中，如文档中所示。它在大屏幕上完美运行，但在 mobile/tablet 上一切都左对齐。这是一个片段：

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

<div class="columns is-marginless has-text-centered">
  <div class="column">
    <!-- some more unimportant stuff here -->
    This text for guessing the center

    <div class="columns is-centered m-3">
      <div class="column is-narrow">
        <div class="m-3">
          <div class="field has-addons">
            <div class="control">
              <input class="input" />
            </div>
            <div class="control ">
              <button class="button is-danger">
 +
                </button>
            </div>
            <div class="control ">
              <button class="button is-danger">
                  -
                </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

任何提示或解决方法？我会很感激。谢谢

Answer 1

这成功了：

<div class="columns is-centered is-mobile m-3">
 <div class="column is-narrow">
  [...]

Bulma .field-div 在移动设备上左对齐

Bulma .field-div aligns left on mobile

bulma