移动标志符号图标切换菜单引导程序

Question

我正在制作一个可重复使用的切换侧边栏菜单，并且在我的生活中无法将此glyphicon锚定在菜单的左侧，因此它始终可见。现在它看起来像album中的第一个图像。

我正在使用模板，所以我很确定这只是一些我没有搞砸过的小css，但我的导师也无法修复它：O

切换菜单时，它看起来像第二张图像。我显然希望glyphicon可见，表明它可以再次切换出来。

我还有一个稍微不好的问题（第三张图片）： 当菜单切换为关闭时，底部有一个滚动条＆gt;。 这是我在JSFiddle

上的html / js和css的链接

我用来切换的JS

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

Answer 1

我创建了一个更新JsFiddle，它正在运行here

导致问题的是文本缩进属性和显示块。

我已将您的CSS更改为：

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