Can i use the level class in Bulma using a div element instead of nav?

Question

i'm wondering if is right to use the class level (class="level") with a <div> element instead of a <nav> which Bulma Docs use.

Thanks in advance!

The Bulma Docs explain it very wella but the examples are only with a <nav> element.

Answer 1

Yes, I do it all the time, like here:

    <div class="level is-mobile">
        <!-- Left side -->
        <div class="level-left">
            <!-- Play Button -->
            <div class="level-item">
                <div class="field has-addons">
                    <p class="control">

It's working great.

Their respective sass file (kind of a "source code" for CSS) suggest that it's working on all block elements:

@import "../utilities/mixins"

$level-item-spacing: ($block-spacing * 0.5) !default

.level
  @extend %block
  align-items: center
  justify-content: space-between