Bootstrap中的粘性div

Question

基于Bootstrap模板统一（http://htmlstream.com/unify/）我想在页面顶部显示一个粘性div。我当前的解决方案显示div，但导航栏隐藏在新div（重叠）后面。我真的打算将整个页面向下移动div的大小，以便导航栏和新div完全可见。我的div可能看起来像这样：

<div id="savebutton" class="service navbar-fixed-top" style="cursor:pointer;
       border-style:   groove;background-color:#e74c3c;color:white">
    <span class="glyphicon glyphicon-save" style="font-size:24px;display:inline;">
        <h4 class="desc" style="display:inline;">SAVE CHANGES</h4>
    </span>
</div>

当我使用class="top"时，新的div显示正确，但当我向下滚动页面时，它显然会向外滚动。 top和navbar-fixed-top的组合对我不起作用。

用几句话说：我怎么能在导航栏之前有一个粘性div？班级navbar-fixed-top似乎与我的div重叠。