语义 UI 网格 - 隐藏列后显示列的全宽"computer only"

Question

对于计算机尺寸的屏幕，我在左侧还有一个附加列以显示一些可选的内容。当屏幕尺寸在991px的突破点下方时，该列使用语义 - UI的本机CSS类隐藏。在这种情况下，具有主要内容的列应全宽度显示。我想知道是否有一种实现这一目标的"本地"语义UI？

<div class="ui grid container">
    <div class="four wide computer only column">
        (Optional content only for computers sized screen)
    </div>
    <div class="twelve wide column">
        (Main Content)
    </div>
</div>

Answer 1

您需要做类似的事情：

<div class="sixteen wide tablet column twelve wide computer column">
    (Main Content)
</div>