如何在基金會中對齊漢堡包菜單

Question

我正在使用SASS，這是我的新品牌，但我遇到了問題。從文檔中，聽起來像我需要編輯_top-bar.scss並添加一行說：$ topbar-menu-icon-position：$ default-float; （而不是$反方向）。

但這似乎不起作用 - 漢堡包菜單圖標繼續在移動設備上對齊。

我敢肯定，這個問題是不是與HTML代碼，但以防萬一：

<nav class="top-bar" data-topbar> 
    <ul class="title-area"> 
    <li class="name"> 
     <h1><a href="#">Name</a></h1> 
    </li> 
    <li class="toggle-topbar menu-icon"> 
     <a href="#"><span>menu</span></a> 
    </li> 
    </ul> 
    <section class="top-bar-section"> 
    <ul class="left"> 
     <li><a href="#">Link 1</a></li> 
     <li><a href="#">Link 2</a></li> 
     <li><a href="#">Link 3</a></li> 
    </ul> 
    </section> 
</nav> 

Answer 1

如果你看看here

，你會看到一個頂欄位置

$topbar-menu-icon-position: $opposite-direction !default; // Change to $default-float for a left menu icon 

本質上你需要將它改爲

$topbar-menu-icon-position: $default-float !default; 

我建議將其添加到本地sass中，而不是編輯原始文件，以便將來可以輕鬆升級。