如何使用 Bourbon Neat 禁用堆叠元素答案

【问题标题】：How disable stacking elements with Bourbon Neat如何使用 Bourbon Neat 禁用堆叠元素
【发布时间】：2015-10-07 22:22:48
【问题描述】：

我正在尝试使用 Bourbon Neat 在移动宽度上保留并排布局。

使用 Bootstrap，您可以：

<div class="outer row">
    <div class="inner col-xs-6"></div>
    <div class="inner col-xs-6"></div>
</div>

Bourbon Neat 中的等价物是什么？

【问题讨论】：

我已经回答了我自己的问题：.inner{ @include span-columns(6); @include media($mobile) { @include span-columns(6); } }

【解决方案1】：

如果您希望它在所有屏幕尺寸下并排显示，您甚至不需要

@include media($mobile)

只要有

.inner{ @include span-columns(6);}

它适用于所有屏幕尺寸

【讨论】：