Latest web development tutorials
×

Bootstrap コース

Bootstrap コース Bootstrap 簡単な紹介 Bootstrap 設置環境

Bootstrap CSS

Bootstrap CSS 概要 Bootstrap グリッド方式 Bootstrap 組版 Bootstrap コード Bootstrap テーブル Bootstrap フォーム Bootstrap プッシュボタン Bootstrap 絵 Bootstrap 補助クラス Bootstrap レスポンシブユーティリティ

Bootstrap レイアウトコンポーネント

Bootstrap フォントのアイコン Bootstrap ドロップダウンメニュー Bootstrap ボタングループ Bootstrap ボタンのドロップダウンメニュー Bootstrap 入力ボックスグループ Bootstrap ナビゲーション要素 Bootstrap ナビゲーションバー Bootstrap パン粉 Bootstrap ページング Bootstrap ラベル Bootstrap バッジ Bootstrap 大画面 Bootstrap ページタイトル Bootstrap サムネイル Bootstrap 警告 Bootstrap プログレスバー Bootstrap マルチメディアオブジェクト Bootstrap 一覧グループ Bootstrap パネル Bootstrap Wells

Bootstrap ウィジェット

Bootstrap プラグインの概要 Bootstrap 転移効果 Bootstrap モーダルボックス Bootstrap ドロップダウンメニュー Bootstrap スクロールモニター Bootstrap タブ Bootstrap ツールヒント Bootstrap ポップアップボックス Bootstrap 警告ボックス Bootstrap プッシュボタン Bootstrap 折り畳みます Bootstrap 回転木馬 Bootstrap 追加のナビゲーション

Bootstrap 他の

Bootstrap UI エディタ Bootstrap V2 コース Bootstrap HTML コーディング規約 Bootstrap CSS コーディング規約

大画面ブートストラップ

この章のもう一つの特徴は、ブートストラップのサポート、大画面(ジャンボトロン)を説明します。 名前が示すように、このコンポーネントは、タイトルのサイズを大きくし、ランディングページ(マージン)の外側からより多くのコンテンツを追加することができます。 次のように大画面(ジャンボトロン)を使用するには:

  • 。コンテナの<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>

»をお試しください

結果は以下の通りであります:

大画面の全幅(ジャンボトロン)