microGRID
1.0.0
マイクログリッドNRはスタンドアロンであり、世界最小で繰り返されるグリッドシステムです。
GZIPTバージョンのサイズはわずか184バイトです。
たとえば、Gzipped bootstrap-grid.min.css （bootstrap 4.1.3）は3195バイトです。
マイクログリッドNR （ 184バイト）のGZIPTサイズを別のグリッドシステムと比較しましょう。
マイクログリッドNRはクロスブラウザに互換性があります。
<head> <link href = "microgrid-nr.min.css" rel = "styleSheet"> </head>
また、すべてのHTML要素にボックスサイズのCSSプロパティを設定することをお勧めします（Boxサイジングプロパティの詳細をご覧ください）。
<head>
<style>*{box-sizing：border-box} </style>
<link href = "microgrid-nr.min.css" rel = "styleSheet">
</head>
要素の命名と構造は、ブートストラップ3と同じように同じまたは類似しています。
コンテナにはrow要素のみが含まれている必要があります。
ページごとに1つのcontainerまたはcontainer-fluidのみが許可されています。
<div class = "container"> </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>
現時点では、列のオフセットの組み込みクラスはありません。
列をオフセットする必要がある場合は、次の例のように、空の列を擬似オフセットとして使用してください。
<！ - pseudo-offset begin-> <div class = "col xs-6"> </div> <！ - 擬似オフセットエンド> <！ - 列begin-> <div class = "col xs-6">この列には擬似オフセット</div>があります <！ - 列の終了>
<html>
<head>
<style>*{box-sizing：border-box} </style>
<link href = "microgrid-nr.min.css" rel = "styleSheet">
</head>
<body>
<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）のみをサポートしています。
複数のViewPortsアプリケーションを開発する場合は、Microgrid（まもなく）のバージョン（完全に応答性の高い）を使用/移行することができます。
