Boostrap - 将顶部导航栏和侧边栏粘贴在一起

Question

我有这种HTML情况：

 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
   // header navbar
 </div>

 <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
   // Content
 </div>

 <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
   <div class="affix-top" data-offset-bottom="500" data-offset-top="0" 
       data-spy="affix">
        //sidebar
   </div>
 </div>

侧边栏正确贴上。如果我尝试以相同的方式粘贴标题导航栏，同时在侧边栏的同一高度向下滚动并且不会粘贴到其后边栏的顶部。

我需要导航栏和侧边栏一起移动，并在内容流动时粘贴到页面上。导航栏也应位于前台。我怎么能这样做？