语义ui网格 - 显示列的全宽,隐藏"仅计算机"列之后

Question

对于计算机大小的屏幕,我在左侧有一个额外的列来显示一些可选内容.当屏幕大小低于991px的断点时,该列隐藏使用semantic-ui的本机css类.在这种情况下,具有主要内容的列应以全宽显示.我想知道是否有一种"原生的"语义方式来实现这一目标？

<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>