愿所有的美好和期待都能如约而至

语义用户界面网格-在隐藏了仅计算机列之后,显示列的全宽

发布时间:  来源:互联网  作者:匿名  标签:after "computer only" columns is hidden css error sema  热度:37.5℃

本文介绍了语义用户界面网格-在隐藏了仅计算机列之后,显示列的全宽的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

对于计算机大小的屏幕,我在左侧有一个附加栏,用于显示一些可选内容。当屏幕大小低于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>

这篇关于语义用户界面网格-在隐藏了仅计算机列之后,显示列的全宽的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP