ページ
- 109件ヒットしました。全11ページ中3ページ目を表示しています。
ジャンボトロン
軽量で柔軟なコンポーネントで、オプションでビューポート全体を拡張して、サイトに主要なマーケティングメッセージを表示させる。 ジャンボトロンの実例 基本のジャンボトロン 見本 画像で表示 Bootstrap3.xの設定例 <div class="container"> <div class="jumbotron"> <h1>こんにちは!&l...
リストグループ
基本のリストグループ（Basic example） 最も基本的なリストグループは、リストアイテムと適切なクラスを持つ順不同のリスト。それに続くオプションや必要に応じて独自のCSSを使って構築。 見本 アイテム1 アイテム2 アイテム3 設定例 コピー<ul class="list-group" style="max-width: 400px;"> <li cla...
メディアオブジェクト
メディアオブジェクトの設定（Example） メディアオブジェクトは、いくつかのメディアが周辺のメディアとコンテンツに囲まれずに一緒に配置され、複雑で反復的なコンポーネントが構築可能。さらに、Flexboxのおかげで2つの必要なクラスだけでこれを作成。 次に、単一のメディアオブジェクトの実例を示す。 .media とコンテンツを囲む .media-body の2つのクラスのみ必要。オプションのパ...
モーダル
使い方（How it works） Bootstrapモーダルコンポーネントを使い始める前に、メニューオプションが最近変更されたので、次を読むこと。 モーダルは、HTML、CSS、およびJavaScriptで構築。ドキュメント内の他の部分に配置され、<body> からスクロールを削除して、代わりにモーダルコンテンツをスクロールする。 モーダルの"backdrop"（背景部分）を...
ナビゲーション
基本のナビゲーション（Base nav）v4.6.1設定変更 Bootstrapで利用可能なナビゲーションは、基本となる .nav クラスからアクティブ状態、無効状態、一般的なマークアップとスタイルを共有。修飾子クラスを入れ替えて各スタイルを切り替える。 基本の .nav コンポーネントはFlexboxで構築され、すべてのタイプのナビゲーションコンポーネントを構築するための強力な基盤を提供。これ...
ナビゲーションバー
使い方（How it works） ナビゲーションバーを使い始める前に知っておくべきこと： ナビゲーションバーは、レスポンシブ可能な折り畳みのために .navbar-expand{-sm|-md|-lg|-xl} 入りの包括用の .navbar と配色クラスが必要。 ナビゲーションバーとそのコンテンツは、デフォルトでは幅一杯に表示する。オプションのコンテナを使用して、横幅を制限可能。 空...
ページ送り
概要（Overview）v4.0.0設定変更 大きなヒット領域を提供しながら、リンクを逃しにくく簡単に拡大縮小するために、ページングのための接続されたリンクの大きなブロックを使用。 ページ送りはリストのHTML要素で構築され、スクリーンリーダーは利用可能なリンクの数を知らせることが可能。包括用の <nav> 要素を使用して、それをリーダーやその他の支援技術を絞り込むためのナビゲーショ...
ポップオーバー
概要（Overview） ポップオーバー・プラグインを使用するときに知っておくべきこと： ポップオーバーは、サードパーティのライブラリであるPopperを使用して位置情報を取得しているため、ポップオーバーが動作するためには bootstrap.js か bootstrap.min.js の前にpopper.min.jsを組み込むか、代わりにPopperを内部に含む bootstrap.bun...
プログレスバー
使い方（How it works）v4.0.0設定変更 プログレスコンポーネントは、2つのHTML要素、幅を設定するCSS、いくつかの属性で構築。HTML5の <progress> 要素を使用せずに、プログレスバーを縦積みにしたり、アニメーション化したり、テキストラベルの貼り付けが可能。 .progress を包括用に使用し、プログレスバーの最大値を示す。 これまでの進行状況を...
スクロールスパイ
使い方（How it works） スクロールスパイには、正しく機能するためのいくつかの要件がある： ソースファイルからJavaScriptを構築する場合は、util.js が必要。 Bootstrapのナビゲーションコンポーネントまたはリストグループコンポーネントで使用する必要がある。 スクロールスパイは、監視している要素に position：relative; を必要とする（通常は ...