ページ
- 109件ヒットしました。全11ページ中4ページ目を表示しています。
スピナー
概要（About） Bootstrapの「スピナー」を使用して、プロジェクトの読み込み状態が表示可能。HTMLとCSSだけで構築されているため、JavaScriptを作成する必要はない。ただし、可視性を切り替えるには任意のJavaScriptが必要。外観、配置、サイズは、Bootstrapの各ユーティリティクラスで簡単にカスタマイズ可能。 アクセシビリティのために、各ローダーには role="s...
トースト
トーストは、モバイルおよびデスクトップオペレーティングシステムによって一般化されたプッシュ通知を模倣するように設計された軽量の通知である。Flexboxで作られているので、整列配置が簡単にできる。 概要（Overview） トーストプラグインを使用するときに知っておくべきこと： JavaScriptをソースから構築する場合は、util.jsが必要。 トーストはパフォーマンス上の理由で任意で...
ツールチップ
概要（Overview） ツールチップ・プラグインを使用するときに知っておくべきこと： ツールチップは、サードパーティのライブラリであるPopperを利用して位置情報を取得しているため、ツールチップが動作するためには bootstrap.js か bootstrap.min.js の前にpopper.min.jsを組み込むか、代わりにPopperを内部に含む bootstrap.bundle...
Reboot
アプローチ（Approach） Rebootは、Normalizeの上で構築され、要素のセレクタのみを使用して多少独断的なスタイルで多くのHTML要素を提供。追加のスタイルは、クラスだけで行われる。例えば、より単純なベースラインのためにいくつかの <table> のスタイルを再構築して、後で .table や .table-bordered などを提供。 Rebootで再定義すべきも...
文字の体裁
基本設定（Global settings） Bootstrapは、基本的なグローバル表示、文字の体裁、リンクのスタイルを設定。より多くの制御が必要な場合は、テキストユーティリティクラスを参照する。 各OSやデバイスに最適な font-family を選択し、ネイティブ・フォントスタックを使用。 より包括的でアクセスしやすいタイプスケールのために、訪問者が必要に応じてブラウザのデフォルトをカ...
コード
コード表示（Inline code） 埋め込みのコードスニペットを <code> で囲む。HTMLタグの< >はエスケープすること。 見本 プログラムコードを埋め込むには <code> を使います。 コードにリンクをつけると <code> のようになります。 設定例 コピー<p>プログラムコードを埋め込むには <code>...
イメージ
レスポンシブイメージ（Responsive images）v4.0.0名称変更 Bootstrapの画像は、.img-fluid でレスポンシブになる。max-width:100%;, height:auto; で表示され、親要素と同じ大きさになるように画像に適用される。 見本 プレースホルダレスポンシブイメージ ●.img-fluid あり ●.img-fluid なし（原寸大）※画面から...
テーブル
基本のテーブル（Example） カレンダーや日付選択ツールなどのサードパーティ製ウィジェットで <table> 要素が広く使用されているため、Bootstrapのテーブル（表）はオプトイン（同意式）で設計。基本クラスの .table を任意の <table> に追加して、オプションの修飾子クラスやカスタムスタイルで拡張させる。すべてのテーブルのスタイルは、Bootstr...
図表
図表の設定 任意のキャプションでイメージのようなコンテンツを表示する必要があるときは、いつでも <figure> の使用を検討すること。 .figure, .figure-img, .figure-caption を使用して、HTML5の <figure> 要素や <figcaption> 要素に基本的なスタイルを提供する。figure内のイメージには明示的な...
アプローチ
導入のページにはプロジェクトの紹介ツアーとその紹介があるが、ここではBootstrapで何をするのかについて焦点を当てる。それは、他の人がBootstrapから学習し、共に貢献し、改善を助けるために、ウェブ上に構築するBootstrapの概念を説明。 正しいとは言えない、あるいはもっとうまくいくかもしれない方法があれば、GitHubで意見 を提起すること。－ Bootstrapは話し合いが大好き（...