ブートストラップ面接の質問と回答トップ 25 (2025)

ここでは、新人だけでなく経験豊富なフロントエンド開発者候補者が夢の仕事に就くためのブートストラップ面接の質問と回答を紹介します。

1) ブートストラップとは何ですか?

Bootstrap は、最小限の労力でリッチな Web アプリケーションを構築するための HTML、CSS、および JS フレームワークです。このフレームワークは、モバイル Web アプリケーションの構築に重点を置いています。

無料 PDF ダウンロード: ブートストラップインタビューの質問と回答

2) Web サイトの構築に Bootstrap を選択する理由を説明してください。

Web サイトの構築に Bootstrap を選択する理由はほとんどありません

モバイルサポート: モバイルデバイスの場合、別個のファイルではなく XNUMX つのファイルで完全なサポートが提供されます。調整も含めてレスポンシブデザインに対応しています。 CSS さまざまなタイプのデバイス、画面のサイズなどに基づいて決定されます。これにより、開発者の余分な労力が軽減されます。
習得が容易： CSS と HTML
ブラウザのサポート Firefox、Opera、Safari、IE などの一般的なブラウザをすべてサポートしています。

3) Bootstrap の主要なコンポーネントは何ですか?

ブートストラップの主要なコンポーネントは次のとおりです。

CSS： 豊富なCSSファイルが付属しています
足場： グリッドシステム、リンクスタイル、背景を備えた基本構造を提供します。
レイアウトコンポーネント: レイアウトコンポーネントのリスト
JavaScript プラグイン: たくさん含まれています jQueryのおよび JavaScript プラグイン
カスタマイズ： 独自のバージョンのフレームワークを入手するには、コンポーネントをカスタマイズできます

4) ブートストラップのクラスローダーとは何ですか?

クラスローダーは、Java クラスを Java 仮想環境にロードする JRE (Java ランタイム環境) の一部です。クラスローダーは、名前付きクラスを同等のバイナリ形式に変換するプロセスも実行します。

5) Bootstrap で使用できるレイアウトの種類は何ですか?

Bootstrap では XNUMX 種類のレイアウトが利用可能です

流動的なレイアウト: 流動レイアウトは、幅 100% で画面の幅をすべて使い切るアプリを作成する場合に使用します。
固定レイアウト: 標準画面の場合は、固定レイアウト (940 ピクセル) オプションを使用します。

6) Bootstrap Grid System とは何ですか?

コンテンツを格納する一連の行と列によるページレイアウトを作成するには、ブートストラップグリッドシステムが使用されます。

7) ブートストラップのオフセット列とは何ですか?

より特殊なレイアウトの場合、オフセットは便利な機能です。さらに間隔をあけたい場合は、柱を押し込むことで使用できます。

たとえば、 .Col-xs=* クラスオフセットはサポートされていませんが、空のセルを使用して簡単に複製できます。

8) ブートストラップにおける列の順序とは何ですか?

列の順序付けはブートストラップで利用できる機能の XNUMX つで、ある順序で列を簡単に作成し、別の順序で表示できます。と .col-md-push-* 　 .col-md-pull-*

列の順序は簡単に変更できます。

9) ページコンテンツをラップするために使用できる関数は何ですか?

ページコンテンツをラップするには、次のように使用できます 。容器 それを使用して、コンテンツを中央に配置することもできます。

10) ブートストラップのページネーションとは何ですか、またそれらはどのように分類されるのか説明してください。

ページネーションは、ブートストラップによる順序なしリストの処理です。ページネーションを処理するために、ブートストラップは次のクラスを提供します

.ページネーション: ページでページネーションを行うには、このクラスを追加する必要があります
.disabled、.active: クリックできないリンクには .disabled を、現在のページを示すには .active を使用してリンクをカスタマイズします。
.pagination-Ig、.pagination-sm: これらのクラスを使用して、異なるサイズのアイテムを取得します

11) ブートストラップでの Jumbotron の用途は何ですか?

ブートストラップでは、ジャンボトロンは通常、スローガンやマーケティングの見出しなどの強調したいコンテンツに使用されます。つまり、見出しのサイズを拡大し、ランディングページのコンテンツに余白を追加するために使用されます。

Bootstrap で Jumbotron を使用するには

コンテナを作成する .jumbotron のクラスを使用

12) ブートストラップとファンデーションの違いは何ですか?

ブートストラップ	Foundation
– Bootstrap は無制限の数の UI 要素を提供します	– Foundation UI 要素のオプションの数は非常に限られています
– ブートストラップはピクセルを使用します	– 財団はREMを使用します
– Bootstrap は、デスクトップとモバイルの両方に向けたデザインを奨励します。	– 財団はモバイルファーストのデザインを奨励しています
– ブートストラップのプリプロセッサとしてのサポートが少ない	– 財団のサポートサスおよびそのプリプロセッサとしての Compass

13) Bootstrap でコードを表示できる XNUMX つの方法は何ですか?

ブートストラップでは XNUMX つの方法でコードを表示できます

tag : コードをインラインで表示する場合は、 tag使用する必要があります
鬼ごっこ： コードをスタンドアロンのブロック要素として表示したい場合、またはコードに複数の行がある場合は、次を使用する必要があります。鬼ごっこ

14) 基本フォームまたは垂直フォームを作成する手順を説明してください。

基本フォームまたは縦型フォームを作成する手順は次のとおりです。

役割を追加する フォーム 親に要素
ラベルとコントロールをラップクラスと一緒に .form-group。最適な間隔を実現するには、これが必要です
のクラスを追加します .フォームコントロール すべてのテキストURLへ、、<select> 要素

15) Bootstrap で Modal プラグインが何に使用されるのか説明してください。

モーダルは、親ウィンドウの上に重ねられる子ウィンドウです。カスタム Jquery プラグインを使用して、Bootstrap Modal が作成されます。ユーザーエクスペリエンスを強化し、ユーザーに機能を追加するために、モーダルプラグインを使用してモーダルウィンドウが作成されます。

16) ブートストラップコンテナとは何ですか?

Bootstrap コンテナは便利なクラスで、サイトのコンテンツを配置できるページ内の中央領域を作成します。ブートストラップ .container の利点は、応答性が高く、他のすべての HTML コードを配置できることです。

17) Bootstrap の折りたたみ要素とは何ですか?

要素を折りたたむブートストラップを使用すると、JavaScript コードやアコーディオンマークアップを記述せずに、特定の要素を折りたたむことができます。 Bootstrap で折りたたみ要素を適用するには、data-target または href とともに data-toggle= “collapse” をコントローラー要素に追加して、折りたたみ可能な要素のコントロールを自動的に割り当てる必要があります。同様に、.collapse (オプション)、.collapse ('show')、または .collapse ('hide') を使用できます。

18) Bootstrap のリストグループとは何か、またその用途について説明してください。

リストグループは、カスタムコンテンツを含む単純な要素と複雑な要素の両方を表示するコンポーネントです

たとえば、単純なリストグループはクラスを使用して作成されます。 .list-group リストをアドレス指定する場合は .list-group-item を使用して個々の項目をアドレス指定します。

19) Bootstrap でリストグループにバッジを追加するにはどうすればよいですか?

Bootstrap のリストグループにバッジを追加するには、単に追加する必要があります以内要素。

20) Bootstrap のメディアオブジェクトとは何か、またその種類は何であるかを説明してください。

Bootstrap のメディアオブジェクトを使用すると、画像、ビデオ、オーディオなどのメディアオブジェクトをコンテンツブロックの左側または右側に配置できます。メディア要素はクラスを使用して作成できます 。メディア ソースはクラスを使用して指定されます .メディアオブジェクト。 メディアオブジェクトには XNUMX つのタイプがあります。

それらにはXNUMXつのタイプがあります