阻止列滚动到引导程序3中的固定导航栏

Question

我的页面上有一列当列到达固定的导航栏时需要修复。我已经尝试了粘贴，但它强制列保持卡在页面中间的原始渲染位置。这是布局的简单片段。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container">
        <!-- Navbar markup -->
    </div>
</nav> 

<div class="col-md-12">
    <div class="box box-solid box-success">
        <div class="box-header">
            <h3 class="box-title">Box Heading</h3>
            <div class="box-tools pull-right">
            </div>
        </div>
        <div class="box-body margin">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <!--  1 to many rows here -->
                </div>
            </div>
            <div class="row">  
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- This column should stick to the fixed navbar when scrolling reaches it  -->
                    <div class="affix">
                        <div class="well">
                            <div id="map" class="map"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我已经在SO上尝试了几种解决方案，谷歌只是在修理导航栏