在Bootstrap中使用词缀的Nav List之后的图像

Question

我正在尝试将图像粘贴到导航列表的底部，并在页面滚动时将其保留在那里。

这就是我想要的：

当这个词缀开始时，这就是我所得到的：

我需要它像图片一样。我试过谷歌搜索问题和搜索堆栈溢出没有结果。

以下是代码：

<!--SIDEBAR NAVIGATION -->
                <ul class="nav nav-list well hidden-phone hidden-tablet" data-spy="affix" data-offset-top="850"> 
                    <li class="nav-header">The Green Panda</li>
                    <li class="divider"></li> 
                    <li><a href="#whatwedo">What We Do</a></li> 
                    <li class="divider"></li> 
                    <li><a href="#oursolutions">Our Solutions</a></li> 
                    <li class="divider"></li> 
                    <li><a href="#morethanwebdesign">More Than Web Design</a></li>
                    <li class="divider"></li> 
                    <li><a href="#contactinfo">Contacting Us</a></li>
                </ul>
                <img src="img/woody-effect.png" class="img-bottom nav-list" data-spy="affix" data-offset-top="850">

Answer 1

编辑：

选择器不正确。

如果菜单的高度是静态的，您可以在切换到固定样式时为该图像添加一个类并应用此css：

top: 310px;

将它放在菜单的底部。

我会在.affix下面设置一个类并将它应用于你的图像（添加id panda_logo）

#panda_logo.affix {
    top: 310px
}