J'ai vérifié sur le Net et dans Primefacess Grid CSS Mais je n'ai pas pu trouver l'abréviation de g, lg, md
Regardez le forum Primefacess
ui-lg => nombre de colonnes pour un grand écran (largeur d'écran> 1024px)
ui-md => nombre de colonnes pour un écran moyen (largeur d'écran <1024px)
ui-g => nombre de colonnes par par défaut (ou largeur d'écran <425px si les colonnes lg et md sont définies)
ui-g- * est un modèle de grille dans le composant principal. xl pour un écran extra large, lg pour un grand écran et md pour un écran moyen. par exemple :
<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>