Css Zurb菜单图标在左手边？

我想把菜单图标放在导航栏的左侧，当它进入手机时。就我的一生而言，我找不到任何关于如何做到这一点的文档。如果尝试将代码放在不同的位置，并使用带有自定义CSS的浮动，但无法使其移动，是否可能

  </li>
   <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
  <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
  <!-- Right Nav Section -->
  <ul class="left">
    <li class="active"><a href="#">Home</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Archives</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Contact Us</a></li>
  </ul>
</section>

这是我的密码：

  </li>
   <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
  <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
  <!-- Right Nav Section -->
  <ul class="left">
    <li class="active"><a href="#">Home</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Archives</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Contact Us</a></li>
  </ul>
</section>

  </li>
   <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
  <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
  <!-- Right Nav Section -->
  <ul class="left">
    <li class="active"><a href="#">Home</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Archives</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Contact Us</a></li>
  </ul>
</section>

将此添加到您的css中

  </li>
   <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
  <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
  <!-- Right Nav Section -->
  <ul class="left">
    <li class="active"><a href="#">Home</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Archives</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Contact Us</a></li>
  </ul>
</section>

.top-bar .toggle-topbar{
left:0px
}

---

默认css有权：0px

谢谢！有没有办法知道css默认值是什么？我已经把它与Rails合并了，我所拥有的是PoundTyOffReDe.SCSS文件，里面没有这个文件，我检查了基础框架文档。我使用inspect元素检查了样式。。

  </li>
   <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
  <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">
  <!-- Right Nav Section -->
  <ul class="left">
    <li class="active"><a href="#">Home</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Archives</a></li>
    <li class="divider"></li>
    <li class="active"><a href="#">Contact Us</a></li>
  </ul>
</section>