semantic-ui - 像侧边栏一样使用语义 UI 菜单

Question

我是 Semantic 的新手，我想使用menu类似sidebar. 就像我希望菜单看起来像侧边栏可见时的样子。

我和这个问题有同样的问题，解决方案建议使用menu而不是sidebar. 但我在试图实现这一点时迷失了方向。

我使用了与语义 ui 网站中相同的示例。

    <div class="d-flex pushable">
      <div class="ui left vertical inverted sidebar labeled icon menu visible">
        <a class="item">
          <i class="home icon"></i>
          Home
        </a>
        <a class="item">
          <i class="block layout icon"></i>
          Topics
        </a>
        <a class="item">
          <i class="smile icon"></i>
          Friends
        </a>
      </div>
      <div class="pusher">
        <router-outlet></router-outlet>
      </div>
    </div>

任何帮助表示赞赏。

标签： semantic-ui