Bulma:面板内的字段宽度较短

Question

当我在面板内添加字段控件时，它的输入宽度较短。我尝试了很多但无法使输入全宽。下面是我的代码示例和结果图像。

<div class="panel">
    <p class="panel-heading">
        School Data
    </p>
    <div class="panel-block">
        <div class="field">
            <label class="label">Name</label>
            <div class="control">
                <input class="input" type="text" placeholder="Text input">
            </div>
        </div>
    </div>
    <div class="panel-block">
        <button class="button is-link">
            Save
        </button>
    </div>
</div>

如何使输入字段全宽？

Answer 1

面板没有有.field类。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">

<div class="panel">
  <p class="panel-heading">
    School Data
  </p>
  <div class="panel-block">
    <div class="control">
      <label class="label">Name</label>
      <input class="input" type="text" placeholder="Text input">
    </div>
  </div>
  <div class="panel-block">
    <button class="button is-link">
      Save
    </button>
  </div>
</div>

Bulma - Panel