Twitter的引导浮起帆布边栏

Question

我见过很多例子身边当屏幕大小小使用过帆布侧边栏，如这里http://bootstrapzero.com/bootstrap-template/off-canvas-sidebar

在这个例子中，主要内容区域推离至右侧显示侧边栏的宽度。

有没有办法做到这一点，而是将侧边栏悬浮在主要内容区域？这也将删除水平滚动。

Answer 1

是的，您会将设置的导航栏的active位置切换为left:0，以便在页面内容上浮动。

row-offcanvas-left.active .navbar { 
    position: absolute; 
    z-index: 2; 
    left: 0; 
    width:40%; 
    background-color:#eee; 
    border:0 solid #ddd; 
    border-left-width:1px; 
    } 

下面是一个例子：http://www.bootply.com/I9BrKZj1PE