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