语义用户界面网格-在隐藏了仅计算机列之后,显示列的全宽
对于计算机大小的屏幕,我在左侧有一个附加栏,用于显示一些可选内容。当屏幕大小低于991px的临界点时,该列将使用语义-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>
解决方案
您需要执行以下操作:
<div class="sixteen wide tablet column twelve wide computer column">
(Main Content)
</div>
相关文章