bootstrap-粘性侧导航*外部*网格

Question

好。因此，我为响应式引导程序进行了线框设计，并收到了生活在12列网格之外的粘性侧导航器的请求 - 同时仍然可以重新定位平板电脑和移动设备。这甚至可能吗？

管理层希望将完整的12列用于产品，并将导航棒固定在外边缘。你可以用胶印做到这一点吗？或者你只是100％锁定在12列？我只是想在做出任何承诺或将其付诸实践之前确保这是可能的。

感谢您提供任何帮助或建议!!

Answer 1

一个简单的选择是在常规span2（或其他）div中使用粘性导航，然后在嵌套列More about nesting

中使用站点主体

<div class="container"> 
<div class="row">
<div class="span2">
<!-- sticky nav here -->
</div><!-- end span2 -->

<div class="span10>

<div class="row-fluid"> <!-- start nested column -->
<!-- main content here --> 
</div><!--end nested fluid-row -->

 </div><!--end span10 -->  

 </div><!--end parent row -->
  </div><!--end parent container -->

根据您的粘性导航的细节，也许您可​​以使用导航栏的非画布布局。

@krichnafsky有一个很好的bootstrap示例@ Off Canvas Layout For Twitter BootStrap

祝你好运！