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

Question

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

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

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

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 -->

根据粘性导航的具体情况，也许您也可以为导航栏使用 Canvas 外布局。

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

祝你好运!