The toolbar

In the second column of the layout (the one with column only), let’s begin by creating the meat of the body. You’ll want to first add a <h1> and give it a class of title. Bulma’s title class will make the text larger and bolder.

The toolbar is going to be horizontal and provides some extra options for users. To keep certain components inline with each other on the same level you should use the level component class.

Similarities between navbar and level

The level component acts very much like the navbar and its items. You should refrain from using the navbar classes in this case since your options are to primarily use a navigation bar.

Bulma’s level follows a simple structure:

<nav class="level">
  <div class="level-left">
    <div class="level-item">
    </div>
  </div>
  <div class="level-left">
    <div class="level-item">
    </div>
  ...