减少bulma中的默认输入框大小

Question

如何缩小输入框的大小？默认情况下，它覆盖了所有看起来不太好的可用区域。我需要将它保持在中等大小并位于中心位置。

代码：

<div class="field is-horizontal">
        <label>Saving Account:</label>
        <input class ="input is-primary"> 
</div>

Answer 1

将它与列类混合。

<div class="columns">
  <div class="column is-half is-offset-one-quarter">
    <div class="field is-horizontal">
      <label>Saving Account:</label>
      <input class="input is-primary">
    </div>
  </div>
</div>

布尔玛document.

See it in action.