microGRID
1.0.0
Microgrid NR是獨立的，世界上最小，最小的無網格系統。
GZPICPENT版本的尺寸僅為184個字節。
例如，gzped bootstrap-grid.min.css （bootstrap 4.1.3）為3195字節。
讓我們將微電網NR （ 184個字節）的GZZ大小與另一個網格系統進行比較。
微電網NR兼容交叉瀏覽器。
<頭> <link href =“ Microgrid-nr.min.css” rel =“ stylesheet”> </head>
我還建議為所有HTML元素設置盒裝CSS屬性（閱讀更多有關盒裝屬性的信息）。
<頭>
<樣式>*{box-sign：border-box} </style>
<link href =“ Microgrid-nr.min.css” rel =“ stylesheet”>
</head>
元素命名和結構與Bootstrap 3相同或相似。
容器必須僅包含row元素。
每個頁面僅允許單個container或container-fluid 。
<div class =“容器”> </div>
默認情況下， container的寬度為100％。
您可以將其更改為自定義值。
<div class =“ container-fluid”> </div>
必須將行放置在container或container-fluid元件中。
行只包含col元素。
<div class =“ row”> </div>
列必須始終放置row元素中。
<div class =“ col [viewport] -6”> </div>
例子：
<div class =“ col xs-6”> </div>
目前尚無列偏移的內置類。
如果您需要做列偏移，請使用空列作為偽扣，如下示例中。
<！ - 偽續點開始 - > <div class =“ col xs-6”> </div> <！ - 偽扣除端> <！ - 列開始 - > <div class =“ col xs-6”>此列具有偽偏移</div> <！ - 列端>
<html>
<頭>
<樣式>*{box-sign：border-box} </style>
<link href =“ Microgrid-nr.min.css” rel =“ stylesheet”>
</head>
<身體>
<div class =“ container-fluid”>
<div class =“ row”>
<div class =“ col xs-4”> a </div>
<div class =“ col xs-8”> b </div>
</div>
<div class =“ row”>
<div class =“ col xs-12”>
<div class =“ col xs-4”> c </div>
<div class =“ col xs-4”> d </div>
<div class =“ col xs-4”> e </div>
</div>
</div>
<div class =“ row”>
<div class =“ col xs-8”> f </div>
<div class =“ col xs-4”> g </div>
</div>
</div>
</body>
</html>
微電網（NR）僅支持單個視口（XS）。
如果要開發多個視口應用程序，則可以使用/遷移到標準（完全響應）Microgrid（很快）。
