Html 引导中的粘性div

基于引导模板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固定top

的组合对我不起作用

---

简单地说：我怎么能在导航栏前有一个粘滞的div？类

navbar fixed top

似乎与我的div重叠。

粘性对用户体验不利。