管理員儀表板佈局與波本邦整潔

Question

有沒有辦法讓一個固定位置的邊欄和 並使內容對齊像波旁整潔網格？

的什麼，我試圖做一個很好的例子是像波旁整齊的文檔頁面：http://thoughtbot.github.io/neat-docs/latest/

我不想側邊欄來調整，我希望它固定，我想網格的第一列在側欄後直接啓動。也許有一個更簡單的解決方案，但這是我唯一想到的。

我知道沒有網格我可以製作一個帶有左邊距的content-wrap div，它跨越了我的邊欄的大小。但我有點想用網格來對齊我將在內容區域創建的小部件。

Answer 1

我已經找到一種方法來做到這一點，如果有人想知道我用的是鈣混入從波旁在內容包裝的div像這樣：

.page-wrap{ 
    @include calc(width, '100% - $sidebar-width'); 
    margin-left: $sidebar-width; 
}; 

我做了這個一個在另一個內部的div並給它外部容器mixin。現在我可以使用span-columns混合對象將其他div對齊。