大画面ブートストラップ
この章のもう一つの特徴は、ブートストラップのサポート、大画面(ジャンボトロン)を説明します。 名前が示すように、このコンポーネントは、タイトルのサイズを大きくし、ランディングページ(マージン)の外側からより多くのコンテンツを追加することができます。 次のように大画面(ジャンボトロン)を使用するには:
- 。コンテナの<div>を持つクラス.jumbotronを作成します。
- 別に複数の<H1>から、フォントの太さのフォントの太さは 200pxのに減少しました。
次の例では、この点を示しています。
例
<DIV クラス = "コンテナ">
<DIV クラス = "ジャンボトロン">
<H1> ウェルカムページ! </ H1>
<P> これは、大画面(ジャンボトロン)の一例です。 </ P>
<P> <A クラス= "BTN BTN-プライマリBTNの -LG」 役割 = "ボタン"> 詳しくはこちらをご覧ください 。</ A>
</ P>
</ DIV>
</ DIV>
»をお試しください
結果は以下の通りであります:
全幅を入手し、次の例に示すように、外のすべての.containerクラスでクラス.jumbotron使用し、丸みを帯びた角を持つ大画面を占有しないためには:
例
<DIV クラス = "ジャンボトロン">
<DIV クラス = "コンテナ">
<H1> ウェルカムページ! </ H1>
<P> これは、大画面(ジャンボトロン)の一例です。 </ P>
<P> <A クラス= "BTN BTN-プライマリBTNの -LG」 役割 = "ボタン"> 詳しくはこちらをご覧ください 。</ A>
</ P>
</ DIV>
</ DIV>
»をお試しください
結果は以下の通りであります: