そして、ブートストラップのjQueryの導入
見出し
揃え
本文
入門
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>ブートストラップ布局</ TITLE>
<！ -网页源数据跨平台兼容做一些说明- >
<META HTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ">
<！ -跨屏自适应说明- >
<メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1 ">
<リンクのhref =" https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css "のrel = "スタイルシート">
<スクリプトSRC =" HTTPS ：//cdn.bootcss.com/jquery/2.2.4/jquery.min.js "> </ SCRIPT>
<スクリプトSRC =" https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js /bootstrap.min.js "> </スクリプト>
</ HEAD>
<BODY>
<H1>ブートストラップ排版</ H1>
<！ -标题- >
<divのクラス= "コンテナ">
<DIV CLASS = "行">
<！ -タイトル- >
<divのクラス= "ページヘッダは">
<H1>これは、ブートストラップタイトルです</ H1>
</ div>
</ div>
<divのクラス= "行「>
< -小さな:!の小見出し- >
<H1> h1の元のタイトル<小> h1の見出しの小さなラベル</小> </ H1>追加
<H2> h2の元のタイトル<小>プラスH2タイトル小さなラベル</小> </ H2>
<H3>元H3のタイトル<小>がh3の見出しの小さなラベルを追加しました。</小> </ H3>
<H4>元H4のタイトル<小> H4見出しの小さなラベルを追加しました。</小> </ H4>
<H5> <小さな>が追加元H5タイトルH5タイトル小さなラベル</小> </ H5>
<H6>元H6のタイトル<小>プラス小さなH6のタイトルタグ</小> </ H6>
</ div>
<DIV CLASS = "行">
< -ハイライトされたテキスト:!大きいフォントサイズ、太字- >
<P>これは、通常の段落である</ P>
クラス=リード这是的段落ます。</ p> <pクラス= "つながる">
</ DIV>
</ DIV>
<！ -对齐- >
<divのクラス= "コンテナ">
<DIV CLASS = "行" >
<Pクラス= "テキスト左">左对齐</ P>
<Pクラス=>两边对齐Loremのイプサムのニンジン、強化されたリベートを"テキスト正当化"。フィルム世辞取得するには
、エクスプローラに非常に苦痛に実行結果現状の痛み、憎しみ、喜ばせるには、それが拒否必要が
しばしばドライブ回。</ P>
<Pクラス=「テキスト右」>右对齐</ P>
<Pクラス= "テキスト・センター「>中间对齐</ P>
</ DIV>
</ DIV>
<Pクラス= "テキストミュート">次要：テキストミュート</ P>
<Pクラス= "テキストの主">主要：テキストプライマリ</ P>
<Pクラス= "テキスト成功">成功：テキスト成功</ P>
<Pクラス= "テキスト情報">信息：EXT-情報</ P>
<Pクラス= "テキスト警告">警告：テキストの警告</ P>
<Pクラス= "テキスト・危険">危险：テキスト-危険</ P>
</ div>
</ div>
< -引言：！BLOCKQUOTE - >
<divのクラス= "コンテナ">
<DIV CLASS = "行">
< BLOCKQUOTE>
<P> XXXXX内容</ P>
<小さな> -摘自XXX </小>
</ BLOCKQUOTE>
</ DIV>
</ DIV>
</ BODY>
</ HTML>