首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >ui-g-12ui-lg-12ui-md-12的含义是什么?

ui-g-12ui-lg-12ui-md-12的含义是什么?
EN

Stack Overflow用户
提问于 2017-10-27 17:04:09
回答 2查看 17.9K关注 0票数 9

我在网上和Primefacess Grid CSS上都找不到g,lg,md的缩写

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-10-27 17:21:25

看看Primefacess forum

ui-lg => 大屏幕(屏幕宽度> 1024px)的列数

ui-md => medium屏幕的列数(屏幕宽度< 1024px )

ui-g =>默认的列数(如果定义了lg和md列,则屏幕宽度< 425px )

票数 17
EN

Stack Overflow用户

发布于 2018-07-24 18:50:18

ui-g-*是主组件中的网格模板。超大屏幕为xl,大屏幕为lg,中屏为md。例如:

代码语言:javascript
代码运行次数:0
运行
复制
<div class="ui-g">
<div class="ui-g-4 ui-md-6 ui-lg-8 ui-xl-12">Col1</div>
<div class="ui-g-4 ui-md-6 ui-lg-8 ui-xl-12">Col2</div>
<div class="ui-g-4 ui-md-6 ui-lg-8 ui-xl-12">Col3</div>
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46971316

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档