Html 如何将bulma导航栏下拉菜单设置为左侧打开而不是右侧打开？

当我打开bulma下拉列表时，它会在右侧打开，甚至屏幕的外部也会出现一些部分。我怎样才能强迫它在左边写下

目前看起来是这样的：

因此，目标是在帐户项目的左侧打开它

<nav class="navbar" role="navigation" aria-label="dropdown navigation">
  <div class="navbar-item has-dropdown is-active">
    <a class="navbar-link">
      Docs
    </a>

    <div class="navbar-dropdown">
      <a class="navbar-item">
        Overview
      </a>
      <a class="navbar-item">
        Elements
      </a>
      <a class="navbar-item">
        Components
      </a>
      <hr class="navbar-divider">
      <div class="navbar-item">
        Version 0.9.1
      </div>
    </div>
  </div>
</nav>

文件
概述
元素
组件

版本0.9.1

如何解决此问题？

根据，您可以添加

is right

类，使其具有右对齐的下拉列表，因此溢出将位于左侧。
它也适用于导航栏的下拉列表，您的代码应该如下所示：

<nav class="navbar" role="navigation" aria-label="dropdown navigation">
  <div class="navbar-item has-dropdown is-active">
    <a class="navbar-link">
      Docs
    </a>

    <div class="navbar-dropdown is-right">
      <a class="navbar-item">
        Overview
      </a>
      <a class="navbar-item">
        Elements
      </a>
      <a class="navbar-item">
        Components
      </a>
      <hr class="navbar-divider">
      <div class="navbar-item">
        Version 0.9.1
      </div>
    </div>
  </div>
</nav>