A documentação de bootstrap sobre esse tópico é um pouco confusa para mim. Eu quero alcançar um comportamento semelhante, como nos docs com o afixo navbar: A barra de navegação está abaixo de um parágrafo / título da página, e ao rolar para baixo deve primeiro rolar até chegar ao topo da página, e então ficar fixo para mais scrolldowns .

Como o jsFiddle não funciona com o conceito de barra de navegação, configurei uma página separada para uso como um exemplo mínimo:http://i08fs1.ira.uka.de/~s_drr/navbar.html

Eu uso isso como minha barra de navegação:

<div class="navbar affix-top" data-spy="affix" data-offset-top="50">
    <div class="navbar-inner">
        <div class="container">
            <div class="span12">
                <a class="brand" href="#">My Brand</a> 
                This is my navbar.
             </div>
        </div> <!-- container -->
    </div> <!-- navbar-inner -->
</div> <!-- navbar -->

Eu penso que eu gostariadata-offset-top para ser de valor 0 (desde que a barra deve "ficar" até o topo ", mas com 50 há pelo menos algum efeito assistível.

Se também colocar o código javascript no lugar:

     <script>
        $(document).ready (function (){
            $(".navbar").affix ();
        });
     </script>

Qualquer ajuda apreciada.