左侧的Zurb菜单图标？答案

【问题标题】：Zurb menu-icon on the left hand side?左侧的Zurb菜单图标？
【发布时间】：2014-09-07 17:59:46
【问题描述】：

当它进入移动设备时，我想将菜单图标放在导航栏的左侧。对于我的一生，我找不到任何文档如何做到这一点。如果尝试将代码放在不同的位置并使用带有自定义 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>

【问题讨论】：

标签： css ruby-on-rails zurb-foundation

【解决方案1】：

将此添加到您的 CSS 中

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

默认 css 有 right:0px

【讨论】：

谢谢！有没有办法告诉 css 默认值是什么？我将它与 Rails 合并，我所拥有的只是foundation_override.scss 文件，其中没有它？
我检查了基础框架文档..foundation.zurb.com/docs/components/topbar.html..here 我检查了使用检查元素的样式..