列オフセットのjQueryのブートストラップ第四十五部

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