このアプローチは、最高のユーザー優先度に対する期待に合致。要素がフォーカスされている場合は、その要素が表示され、ユーザーの注意を払って表示。アクティブな要素は状態を示すので2番目に高い。ホバーはユーザーの意図を示しているため、ホバーは3番目に高いが、ほとんど何らかの形でホバー可能。components)Bootstrapには、数種類のオーバーレイとして機能するいくつかのコンポーネントが組み込まれている。高いものからドロップダウン、常時固定または最上部に到達すると固定されるナビゲーションバー、モーダル、ツールチップ、ポップオーバーの順で組み込まれている。この開始番号は任意に選択されたもので、Bootstrapのスタイルとお使いのプロジェクトのカスタムスタイルの間の小さなバッファとして機能。値をわずかに増加させる。モーダルは文書全体の表示をブロック(モーダルのアクションのために他のアクションを保存することは不可)。そのため、ナビゲーションバーの上に配置。これについての詳細は、z-indexのレイアウトページに記載。JS)可能な限り、BootstrapではJavaScriptよりもHTMLとCSSを書くことを好む。一般的に、HTMLとCSSの方が多種多様な経験レベルの多くの人々にとってよりアクセス可能になる。ブラウザではJavaScriptよりもHTMLやCSSの方が速く、ブラウザには一般的な機能が多数用意されている。JavaScriptプラグインを使用するのにJavaScriptを記述する必要はほとんどない。代わりにHTMLを記述する。詳細は、JavaScriptのデータ属性に記載。最後に、Bootstrapのスタイルは一般的なWeb要素の基本的な動作に基づく。可能であればブラウザが提供するものを使用することを推奨。クラスを置くことが可能だが、ほとんどの要素はセマンティックな値やブラウザ機能を提供しない。複雑なコンポーネントについても同様。疑似要素を使用することを推奨。ユーティリティ(Utilities)ユーティリティクラス(Bootstrap3以前でいうヘルパークラス)は、CSSの肥大化とページパフォーマンスの低下を防ぐ強力な味方。その主な魅力は、書かなければならないカスタムCSSの量を制限しながらスピーディに使用できるHTMLが書けること。カスタムCSSに関して、ユーティリティは、最も頻繁に繰り返されるプロパティ値の組合せを単一のクラスに減らすことにより、ファイルサイズの増加を抑えるのに役立つ。これはプロジェクトのスケールで劇的な効果をもたらすことが可能。HTML)常に可能なわけではないが、Bootstrapでは、コンポーネントのHTML要件では独断的にならないように努めている。従ってBootstrapではCSSセレクタの単一のクラスに焦点を当て、直接の子セレクタ(>)を回避している。これにより、実装のフレキシブル性が向上し、CSSの簡素化と特定性の低下を防ぐことが可能。