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

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


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つのタイプがあります

  • 。メディア
  • .media-list

21) Bootstrap とは何ですか?

ブートストラップウェルはコンテナですこれにより、コンテンツが沈んで見えるか、ページ上で差し込み効果が生じます。 ウェルを作成するには、ウェル内に表示したいコンテンツを.well のクラスが含まれています。

 


22) Bootstrap で Nav 要素を作成する方法を説明してください。

Bootstrap では、ナビゲーション要素をスタイル設定するためのさまざまなオプションが提供されており、それらはすべて同じマークアップと基本クラス .nav を使用します。

表形式のナビゲーションまたはタブを作成するには

  • 以下の基本クラスを持つ基本的な順序なしリストから始めます。 .nav
  • 次にクラスを追加します .nav-tabs

23) Bootstrap Carousel プラグインの用途を説明してください。

カルーセル プラグインは、サイトにスライダーを追加するために使用されます。 Webページ上の狭いスペースに大量のコンテンツを表示したい場合に便利です。 標準カルーセルの一部には次のものがあります。

  • .carousel (オプション)
  • .carousel ('サイクル')
  • .carousel ('一時停止')
  • .carousel ('番号')
  • .carousel ('前')
  • .carousel ('次')

これらの面接の質問は、あなたの活力(口頭)にも役立ちます

シェアする

14のコメント

  1. アバター レッドゥ・レディ 言います:

    TCPDF エラー: アクション属性のパスを明示的に設定してください。

    PDFをダウンロードできない

    1. アバター Guru99 言います:

      残念ながら、この記事では PDF は機能しません

  2. アバター サティーシュ・ムラパカ 言います:

    Bootstrap は単なる JS フレームワークではありません。 これは、「Bootstrap は、Web 上で応答性の高いモバイル ファーストのプロジェクトを開発するための最も人気のある HTML、CSS、および JS フレームワークである」という定義のようなものです。 修正してください。

    1. アバター Guru99 言います:

      あなたは正しいです! 行われた変更

  3. アバター パンダ 言います:

    はい、JS フレームワークではなく最初の行を変更してください

  4. アバター Smarts Technologies.com 言います:

    非常に興味深いインタビューの質問

  5. アバター タンメイ・ダス 言います:

    最初の質問を修正します。 Bootstrap は一般的なフレームワークではなく、HTML、CSS、JS フレームワークであり、レスポンシブなデザインとレイアウトの作成にも使用されます。

  6. アバター ショビット・クマール 言います:

    4) ブートストラップのクラスローダーとは何ですか?
    これはクライアント側の環境であるため、クラスローダーの概念は Twitter ブートストラップとは関係ありません。
    Java環境の一部だと思います

    1. アバター yp 言います:

      はい、そうです。

  7. アバター サンディープ・バナジー 言います:

    フィードが初心者にとって良いスタートとなる、本当に良い情報でした。

  8. アバター ユニスタル 言います:

    人々のための非常に優れたガイド

コメントを残す

あなたのメールアドレスは公開されません。 必須フィールドは、マークされています *