Липкий div в Bootstrap
Основываясь на унифицированном шаблоне 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? Класс navbar-fixed-top кажется, перекрывают мои дивы.