ui-g-12 ui-lg-12 ui-md-12の意味は何ですか？

Question

私はネットと Primefacess Grid CSS をチェックしましたが、g、lg、mdの省略形を見つけることができませんでした

Answer 1

Primefacessフォーラムを見てください

ui-lg => alarge画面の列数（画面の幅> 1024px）

ui-md => 中画面の列数（画面の幅<1024px）

ui-g =>列数デフォルト（または、lgとmdの列が定義されている場合は画面の幅<425px）

Answer 2

ui-g- *は主要コンポーネントのグリッドテンプレートです。特大画面の場合はxl、大画面の場合はlg、中画面の場合はmd。例えば ​​：

<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>