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

Question

对于计算机大小的屏幕，我在左侧有一个额外的列来显示一些可选内容。当屏幕尺寸低于 991px 的断点时，该列将使用语义-ui 的原生 css 类 隐藏。 在这种情况下，包含主要内容的列应该以全宽显示。 我想知道是否有 "native" semantic-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>