、CSSスタイル
1枚の写真
図2に示すように、レイアウト、レイアウト（グローバルディスプレイ）
図3に示すように、容器 - メッシュ - グリッドシステム
内蔵以下のフォーマット
<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字セット= " UTF-8 " >
<タイトル>编辑器</ TITLE>
<リンクのhref = " https://cdn.bootcss.com/normalize/8.0.1 /normalize.min.css "のrel = " スタイルシート" >
<リンクのrel = " スタイルシート"のhref = " https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css " >
<スクリプトSRC = " https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js " > </ SCRIPT>
<スクリプトSRC = "https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js " > </ SCRIPT>
</ HEAD>
<BODY>
<！ -基本的なグリッド構造- >
<DIV クラス = 「コンテナ」 > <！ -行が.container内に配置されなければならないクラスの適切な位置合わせ（アライメント）及びパディング（詰め物）を得るために、内- >
<DIV クラス = 「行」 >
<DIV クラス = " COL - * - * " > </ div>
<divのクラス = " COL - * - * " > </ div>
</ div>
<div要素クラス = " 行" > ... </ div>
</ div>
</ BODY>
</ HTML>