Question

我是基金会的新手，我已多次使用它，但始终忽视它，因为它似乎没有很多可用的导航选项。所有可用选项都适用于顶级菜单。左或右怎么样？我通常需要构建具有复杂导航功能的网站，通常需要顶级菜单和左手菜单，包括搜索，下拉菜单和其他子菜单。

如果可以从左侧列中同时拥有顶部菜单和非画布导航，我可以使用基础。有没有人知道这是否可能，我会在哪里寻求帮助来设置它？

Answer 1

您需要随时都可以访问这两个菜单，但只能使用show-for-small和show-for-medium-up类进行展示。

您需要使用单独的导航设置才能达到您想要的效果。但是，为了同时使用这两者，您需要构建网站以适应画布外菜单并在main-section内构建top-nav。

我们最近在公司网站上遇到过这个问题，我们只想调用导航一次，但事实证明这非常困难。如果您想查看代码的实时版本，请随时使用our site作为参考。（我们有类隐藏medium-and-up的非画布菜单，但你可以删除它。

以下是结构外观的基本示例：

  <div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">                

      <nav class="tab-bar">
        <section class="left-small">
          <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
         </section>

        <section class="middle tab-bar-section">
          <h1 class="title"><a href="/home"><img id="logoSmall" src="/images/main/header_logo_small.png" /></a></h1>
        </section>
      </nav>

      <aside class="left-off-canvas-menu">
        <ul class="off-canvas-list">
          <li><label>Menu</label></li>
          <li><a>link1</a></li>
          <li><a>link2</a></li>
          <li><a>link2</a></li>
        </ul>
      </aside>



      <section class="main-section">

        <!-- All of your website goes here -->
        <!-- Including the top navigation and all that jazz -->

      </section>

      <a class="exit-off-canvas"></a>
    </div><!--/innerWrapp-->
  </div><!--/offCanvasWrap-->

基础5 - 将顶部导航与画布结合？

1 个答案: