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（很快）。
