管理仪表板布局与波旁整洁

Question

是否有办法使侧边栏的位置固定并使内容对齐到像Bourbon Neat这样的网格?

我正在尝试做的一个很好的例子是像波旁整洁的文档页面:http://thoughtbot.github.io/neat-docs/latest/

我不希望侧边栏调整大小，我希望它固定，我希望网格的第一列直接在侧边栏之后开始。也许有一个更简单的解决方案，但这是我唯一想到的。

我知道，如果没有网格，我可以创建一个内容自动换行的div，其左边距可以跨越侧边栏的大小。但是我想用一个网格来对齐我将在内容区创建的小部件。

Answer 1

我找到了一种方法来做到这一点，如果有人想知道我使用calmixins从bourbon的内容包装div像这样:

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

我已经在这个里面做了另一个div，并给了它外部的容器混合。现在我可以通过使用span-columns mixins来对齐它里面的其他div