Bulma水位计与集装箱

Question

级别的Bulma文档将级别类放在nav元素上，如下所示：<nav class="level">

Bulma级别是否打算用于导航栏？如果只是对单个图像进行对中，那么使用普通的Bulma容器是最好的做法吗？

这两种方法在技术上都有效：

      <div class="container is-flex is-justify-content-center">
        <figure class="image">
          <img src="images/bulma-logo-white.png" style="max-width: 256px;">
        </figure>
      </div>

      <nav class="level">
        <figure class="image level-item ">
          <img src="images/bulma-logo-white.png" style="max-width: 256px;">
        </figure>
      </nav>

Answer 1

有些不幸的是，所有级别的示例都使用nav作为容器元素。然而，它也适用于div。

最主要的方法是：

不管您在Bulma级别中放置了什么元素，它们总是垂直中心的。

因此，如果您希望您的图像垂直中心的与另一个元素，该级别是您的方法。但是，如果您只想让它以水平为中心，正如您的问题所暗示的那样，这个级别是没有帮助的。

要真正回答你的问题：

Bulma级别是否打算用于导航栏？

是的，所有需要垂直对齐的东西。可能是

• 列表条目
• 带装饰的标题
• 一组带有图标的通知/可视化