移動字形圖標切換菜單引導

Question

我正在製作可重複使用的切換側邊欄菜單，並且不能爲我的生活獲取此圖形將錨定在菜單的左側，以便始終可見。現在它看起來像album中的第一張圖片。

我使用的模板，所以我敢肯定，這只是一些小的CSS的事情我還沒有搞砸，但我的教練是無法修復它還有：o

當菜單切換，它看起來像第二個圖像。我顯然希望圖形可見，表明它可以再次切換。

我還有一個稍微其他不好的問題（第三個圖像）： 當菜單切換關閉時，底部有一個滾動條>。 < 這裏是我的HTML/JS和CSS中的鏈接JSFiddle

而且JS我使用的切換

<script> 
    $("#menu-toggle").click(function(e) { 
     e.preventDefault(); 
     $("#wrapper").toggleClass("toggled"); 
    }); 
</script> 

Answer 1

與它一起工作here

這是我創建了一個更新的jsfiddle導致問題的文本縮進屬性和顯示塊。

我已經改變了你的CSS：

.sidebar-nav li a { 
    text-decoration: none; 
    color: #999999; 
} 
.sidebar-nav li.link a { 
    text-indent: 20px; 
    display: block; 
}