Twitter Bootstrap：根据视口大小切换类？

Question

假设我有以下标记：

<div class="span6"></div>
<div class="span6"></div>

现在让我们说如果视口小于600px，我想让DIV跨越acrros整个容器，如下所示：

<div class="span12"></div>
<div class="span12"></div>

我的解决方案如下：

<div class="do-not-display-below-600px">
    <div class="span6"></div>
    <div class="span6"></div>
</div>

<div class="do-not-display-above-600px">
    <div class="span12"></div>
    <div class="span12"></div>
</div>

只需使用媒体查询隐藏或显示do-not-display...课程。

这是一个可怕的解决方案，因为它违反了“不要重复自己”的规则。假设我有5个断点，我将不得不为每个断点创建5个不同的容器。那很难看。

所以我想知道是否有更优雅的解决方案？

PS：我意识到我可以将Bootstrap的LESS mixins或bootstrap-sass用于@include mixins到我需要它们的每个类中，但还有其他解决方案吗？