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

本教程将介绍语义用户界面网格-在隐藏了仅计算机列之后,显示列的全宽的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

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

问题描述

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

好了关于语义用户界面网格-在隐藏了仅计算机列之后,显示列的全宽的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。