← all Bulma classes list

Bulma class: .field

<div class="field">
  <label class="label">Name</label>
  <div class="control">
    <input class="input" type="text" placeholder="Text input">
  </div>
</div>

Preview

Use Shuffle AI to build your own Bulma CSS templates

Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.

Check .field in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

More in Bulma Field