セマンティックuiグリッド - 「コンピュータのみ」列が非表示になった後の列の全幅を表示

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>