第四十四部のjQueryブートストラップグリッドレイアウト応答

1  <！DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、ユーザスケーラブル=いいえ初期スケール= 1.0、最大規模= 1.0、最小スケール= 1.0" > 
6      < タイトル>ドキュメント</ タイトル> 
7      < スクリプトタイプ= "テキスト/ javascriptの" SRC =」スクリプト> 
8      < スクリプトタイプ= "テキスト/ javascriptの" SRC = "./ JS / bootstrap.min.js" > </ スクリプト> 
9      < リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" のhref =」./ CSS / bootstrap.min.css」> 
10      < スタイルタイプ= "テキスト/ CSS" > 
11          DIV [クラス* = 'col-'] { 
12              / * 高さ：は50px。* / 
13  / *             背景色：金;
14              国境：1pxの固体＃000;
         } 
16          ■は{ 
17              高さ：200pxの。
18              の最大幅：240ピクセル; 
19              背景色：シアン。
20              国境：1pxの固体＃000 ; 
21              マージン：20ピクセルオート0 ; 
22          } 
23      </ スタイル> 
24  </ ヘッド> 
25  < ボディ> 
26      < DIV クラス= "コンテナ" > 
27          < DIV クラス= "行" > 
28              < DIV クラス= "COL-LG-3 COL-MD-3 COL-SM-6" > < DIV クラス= "ボックス" > </ DIV > < / DIV > 
29              < DIV クラス= "COL-LG-3 COL-MD-3 COL-SM-6" > < DIV クラス= "ボックス" > </ DIV > </ DIV > 
30              < DIV クラス= "col- LG-3 COL-MD-3 COL-SM-6" > <div クラス= "ボックス" > </ divの> </ DIV > 
31              < DIV クラス= "COL-LG-3 COL-MD-3 COL-SM-6" > < DIV クラス= "ボックス" > </ DIV > </ DIV > 
32          </ DIV > 
33      </ DIV > 
34  </ ボディ> 
35  </ HTML >