Question

我尝试了一些技巧来尝试移动左侧的菜单，但是没有一个常规类似乎适合切换此选项，尤其是在移动设备上（这是我正在设计的）。

是否有针对此的移动设备CSS修复程序？（注意我在菜单区域已经有“class ='left'”。

<nav class="top-bar" data-topbar role="navigation" data-options="is_hover: false">
  <ul class="title-area">
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
    <li class="name">
      <h1><a href="#"><img style="width: 150px;"src="yourmomslogo.png"></a></h1>
    </li>
  </ul>

  <section class="top-bar-section">
    <ul class="left">
      <li class="active"><a href="pushthatthang.doit">Login</a></li>
      <li><a href="alwaysthebestcats.meow">Your Cats</a></li>
    </ul>
  </section>
</nav>

Answer 1

让我们看看doc
如果您在此代码中向右更改左

<ul class="left">
   <li><a href="#">Left Nav Button</a></li>
</ul>

您可以看到该链接显示在右侧，因此左侧类会更改链接的位置（因此菜单适合您）

在顶部栏移动中左对齐Zurb Foundation菜单

1 个答案: