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

Question

好的。所以我正在为响应式引导进行线框图，并收到了一个位于 12 列网格之外的粘性侧导航的请求——同时仍然能够为平板电脑和移动设备重新定位。这甚至可能吗？

管理层希望将完整的 12 列用于产品，并将导航贴在外边缘。你能用偏移量做到这一点吗？还是您 100% 只锁定在 12 列中？在我做出任何承诺或将其应用于我的设计之前，我只是想确保这是可能的。

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

Answer 1

一个简单的选择是将粘性导航放在常规的 span2（或其他）div 中，然后将站点的主体放在嵌套列中有关嵌套的更多信息

<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有一个很好的引导示例，用于 Twitter BootStrap 的 @Off Canvas Layout

祝你好运！