Elements

A box element is simply a container with a shadow, a border, a radius, and some padding. For example, you can include a media object:

  1. Add a box container
  2. Then we center the text with has-text-centered classes is-size-6.

You can use the classes is-size-6 has-text-left, has-text-centered, has-text-right and has-text-justified.

See Codepen

See the Pen BulmaExpression - Box by BulmaExpression (@BulmaExpression) on CodePen.


A box with a search:

  1. Add a box container
  2. Then we center the text with has-text-centered classes is-size-6.
  3. Into this box we can create a field class.
  4. Here we implement an input class.
  5. Here put the botton aligned with theis-grouped class.

You can use the classes is-size-6 has-text-left, has-text-centered, has-text-right and has-text-justified

See Codepen

See the Pen BulmaExpression - Box with search by BulmaExpression (@BulmaExpression) on CodePen.