Css 带可变侧栏的引导列偏移量

假设我有以下非常简单的HTML页面布局：

<div class="wrapper">
   <div class="content"></div>
   <div class="sidebar"></div>
</div>

侧边栏必须位于内容之后。

---

是否只有在有侧边栏的情况下才能将内容“推”到右侧？

这与画布外相关，对吗？假设在

.sidebar

处于活动状态时将类应用于

.content

，则会添加适当的填充。与画布外无关。我只是想避免使用body类，例如

。有侧栏

/

。没有侧栏

来添加或删除推/拉混合。考虑到可能有更好的方法可以通过

display:flex

和订购来实现这一点。

.content {
   @include make-sm-column(7);
   @include make-sm-column-push(5);
}

.sidebar {
   @include make-sm-column(5);
   @include make-sm-column-pull(7);
}