top 51 bootstrap interview questions
最もよくあるブートストラップインタビューの質問と回答：
ここで、この記事には、Bootstrapインタビューをクラックするための最も人気のあるインタビューの質問と回答のリストが含まれています。
これは、経験豊富な候補者と新しい候補者の両方の面接をクラックするのに役立ちます。
行きましょう！！
最も人気のあるブートストラップインタビューの質問と回答
はじめましょう！！
Q＃1）ブートストラップを定義します。
回答： Bootstrapは、HTML、CSS、およびJSWebアプリケーションの作成に使用されるフロントエンドフレームワークです。そのレイアウトは非常に応答性が高く、高速で使いやすいです。これは主に、ドロップダウン、フォーム、ボタン、アラートタブなどのUIを作成するためのデザインテンプレートを備えたモバイルアプリケーションの構築に焦点を当てています。
Q＃2）モバイルWeb開発にBootstrapが使用されるのはなぜですか？
回答： レスポンシブデザインと使いやすいテンプレートを備えているため、モバイルWeb開発に使用されます。
Q＃3）Bootstrapの機能について説明してください。
回答：その機能は次のとおりです。
- 使用するためのオープンソース
- すべてのブラウザとの互換性。
- レスポンシブデザイン
- 使いやすく、高速です。
Q＃4）Bootstrapの主要コンポーネントを定義します。
回答：そのコンポーネントは次のとおりです。
- 足場： グリッドシステム、背景、スタイルがあります。
- JSプラグイン： JSおよびjQueryプラグインが含まれています。
- カスタマイズ： フレームワークをカスタマイズできます。
- CSS： CSSファイルが含まれています。
Q＃5）Bootstrapコンテナで何を理解していますか？
回答： ブートストラップコンテナは、HTMLコードを配置できるコンテナのように動作し、サイトのコンテンツを配置して応答性と高速性を高めることができるページ内の一部です。
Q＃6）Bootstrap Classloaderとはどういう意味ですか？
回答： ブートストラップクラスローダーは、Javaの一部であり、クラスローダーのメインの親クラスです。
Q＃7）どうやってBootstrapには多くの種類のレイアウトがありますか？
回答： Bootstrapには2つのタイプのレイアウトがあります。
彼らです：
- 流体レイアウト
- 固定レイアウト
Q＃8）流体レイアウトを定義します。
回答： Fluid Layoutは、画面の全幅を含むアプリを作成する必要がある場合に役立ちます。つまり、FluidLayoutはブラウザのサイズに応じて自動的に調整されます。
Q＃9）固定レイアウトを定義します。
回答： 固定レイアウトは応答性が高く使いやすいですが、流動的なレイアウトと同様に、ブラウザのサイズに応じて調整することはできません。ほとんどの場合、固定レイアウトは940ピクセルである必要があります。
Q＃10）Bootstrapでコードを表示するにはどうすればよいですか？
回答： コードは2つの方法で表示できます。つまり、tag and by using the tag.
Q #11) When will you use tag and tag?
Answer: tag is used to show the code inline and tag is used to show code with multiple lines.
Q # 12) What is a progress bar in bootstrap?
Answer: Progress bar is used with HTML tag style in HTML element using < progress > keyword. In bootstrap, we use html5 < progress > with CSS classes that have special features in bootstrap, which is only made for the progress bar.
Q # 13) Name the contextual classes that are used with the progressive bar in bootstrap.
Answer: The contextual classes used with progressive bar are as follows.
採用担当者のサンプルにメールを書く方法
- Progress-success
- Progress-info
- Progress-warning
- Progress-danger
Q # 14) What are responsive utility classes in Bootstrap?
Answer: Responsive utility classes in bootstrap are a set of classes that are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap.
Example: “hidden-md-down”, It hides
Q # 15) What are the different button styles in Bootstrap?
Answer: In bootstrap, there are seven styles which we can use with the bootstrap button.
- .btn-default.
- .btn-primary
- .btn-success
- .btn-info
- .btn-warning.
- .btn-danger.
- .btn-link.
Q # 16) What are Bootstrap alerts?
Answer: This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user.
There are four classes in alerts : .alert-success, .alert-info, .alert-warning, .alert-danger.
Q # 17) Define Bootstrap thumbnails.
Answer: It is a way to use the layout images, videos, text, etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image.
This will add four pixels of padding and a grey border.
Q # 18) Explain Modal plugin in Bootstrap.
Answer: A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin.
Q # 19) Which class is used for pagination in Bootstrap?
Answer: To add pagination on the webpage we have to use the class .pagination .
Q # 20) Explain what is Bootstrap collapsing elements.
Answer: It allows you to collapse any particular element without using any JavaScript code.
To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options) etc.
Q # 21) What is Bootstrap Well?
Answer: Bootstrap well is a form of container which thrives or makes the content look recessed on the web page. It also wraps the content by using .well class.
Q # 22) Explain the uses of the carousel plugin in Bootstrap.
Answer: Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders.
Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’) .
Q # 23) What will be the output of the below code and why?
75% successfully completed 30% completed with warnings 15% did not complete を使用します。回答： 同じバーを複数配置した場合 。進捗 親要素であるBootstrapは、それらを1つのプログレスバーに積み上げます。ご存知のように、ブートストラップでは、プログレスバーの合計は100％です。そのため、プログレスバーは、結果を全幅で完全に入力された状態で表示します。
Q ＃ 24）Bootstrapでページネーションのリンクをカスタマイズするにはどうすればよいですか？
.binファイルを開く方法
回答： を使用してリンクをカスタマイズできます 。無効 クリックできないリンクの場合 .active 現在のページを示すため。
Q ＃25）Bootstrapの入力グループについて説明します。
回答： ブートストラップの入力グループは、コントロールから出力されます。入力グループを使用することにより、テキストベースの入力に追加および追加されたテキストまたはボタンを簡単に追加できます。
要素をに追加および追加できます .form-control クラスの下のすべての要素を取ることによって .input-group。 その後、余分なコンテンツをクラスを使用して同じように .input-group-addon この後、あなたは置くことができます入力要素の前または後の要素。
Q ＃ 26）Bootstrapでタブ付きナビゲーションメニューを作成する方法を記述します。
回答： 基本クラスがの基本的な順序なしリストを作成することにより、タブ付きナビゲーションを作成できます。 。ではありません この後、クラスを追加できます .nav-tabs 。
Q ＃ 27）Bootstrapで、ピルナビゲーションメニューを作成するにはどうすればよいですか？
回答： ブートストラップのピルナビゲーションメニューは、最初に基本クラスがの順序なしリストを作成することによって作成されます。 。ではありません この後、クラスを追加します .nav-pills 。
Q ＃ 28）Bootstrapでnavbarはどのように機能しますか？
回答： ブートストラップでは、navbarは、アプリケーションとサイトのナビゲーションヘッダーとして機能するレスポンシブメタコンポーネントを作成するための優れた機能です。モバイルビューでは、使用可能なビューポートの幅が大きくなると、ナビゲーションバーが折りたたまれて水平になります。
Q ＃ 29）Bootstrapでナビゲーションバーを作成するにはどうすればよいですか？
回答： 最初にブートストラップでナビゲーションバーを作成するには、クラスを追加する必要があります .navbar 、 .navbar-デフォルト タグに。この後、上記の要素にrole =” Navigation”を追加する必要があります。これにより、アクセスできなくなります。
ヘッダークラスを追加しました .nav-header 要素に、これには クラスnavbarブランドの要素。これにより、より大きなサイズのテキストが得られます。
Q ＃ 30）Bootstrapブレッドクラムとは何ですか？
回答： ブートストラップブレッドクラムは、サイトの階層ベースの情報を表示するための効率的な方法です。これにより、ブログの公開日、カテゴリ、またはタグを表示できます。また、ナビゲーション階層内の現在のページの場所についてユーザーに通知します。
したがって、Bootstrapブレッドクラムは、次のクラスを持つ単純な順序付けられていないリストであると言えます。 .breadcrumb 。
Q＃31）Bootstrapのラベルとは何ですか？
回答： ブートストラップラベルは、Webページにマークアップを提供するためのカウント、ヒント、またはその他のものを提供するために使用されます。 Bootstrapでラベルを使用するには、クラスを使用します .labels ラベルを示します。
Q ＃32）Bootstrapのバッジとは何ですか？
回答： バッジはラベルと同質であり、それらの主な違いは角がより丸みを帯びていることです。ブートストラップのバッジの主な機能は、新しいアイテムまたは未読のアイテムを強調表示することです。バッジを使用するには、追加するだけですリンクとブートストラップナビゲーションへ。
Q ＃ 33）Bootstrapのジャンボトロンとは何ですか？
回答： 見出しのサイズを大きくし、ランディングページのコンテンツに多くの余白を追加するために使用されます。ジャンボトロンを作成するには、次のクラスのコンテナを作成する必要があります。 .jumbotron。
Q ＃ 34）Bootstrapで画像をレスポンシブにするにはどうすればよいですか？
回答： Bootstrapの更新後、現在、画像をレスポンシブにする機能が追加されました。これを行うには、クラスを追加します。 .img-レスポンシブ に 鬼ごっこ。このクラスは、幅を最大幅= 100％にします。およびheight = auto;親要素とうまく一致するように画像に追加します。
Q ＃ 35）Bootstrapで正規化するとはどういう意味ですか？
回答： Bootstrap normalizeは、ブラウザー間の一貫性を保つために使用される小さなCSSファイルです。
Q ＃ 36）Bootstrapのリードボディコピーとは何ですか？
回答： class =” Lead”を追加する場合、段落に上昇を追加するために使用されます。これにより、フォントサイズが大きくなり、行の高さが高くなります。
Q ＃ 37）Bootstrapのパネルとは何ですか？
回答： パネルは、DOMコンポーネントをボックスに入れたいときに使用されるコンポーネントです。したがって、基本的なパネルを取得するには、class.panelを要素に追加するだけです。この要素にclass.panel-defaultを追加することもできます。
Q ＃ 38）見出し付きのブートストラップパネルをどのように作成しますか？
回答： パネル見出しを追加する方法は2つあります。
まず、直接使用できます .panel-heading パネルに見出しコンテナを追加するクラス。2番目の方法は、次のような見出しタグを使用することです。
にとともに .panel-title 見出しにもっとスタイルを与えるクラス。
Q ＃ 39）Bootstrapのscrollspyプラグインとは何ですか？
回答： これは、スクロール位置に基づいてページのセクションをフェッチできるようにする自動更新ナビゲーションプラグインです。これはによって行うことができます .activeクラス ナビゲーションバーベースのスクロール位置に移動します。
Q ＃ 40）Bootstrapの接辞プラグインの機能は何ですか？
回答： このプラグインを使用すると、をページ上の場所にアタッチできます。
ページでのソーシャルアイコンの使用は、アイコンが特定の場所で開始されることを確認するこの例ですが、ページが特定のマークに当たると、その場でブロックされ、残りのスクロールが停止します。ページ。
Q ＃ 41）Bootstrapのグリッドシステムとは何ですか？
回答： グリッドシステムを使用することで、1ページに最大12列を作成できます。 UIの目的でこのために定義されたさまざまなクラスがあります。
Q ＃ 42）ブートストラップのグリッドクラスとは何ですか？
回答： Bootstrapには4つのグリッドクラスがあります。
彼らです：
- xs （幅786px未満の電話画面に使用されます）。
- sm （幅786pxを超えるタブレット画面に使用されます）。
- md （幅992px以上のサイズの小さなノートパソコンの画面用です）。
- LG （幅1200px以上のラップトップおよびデスクトップ画面用です）。
Q ＃ 43）Bootstrap Default Typographyで使用されるグローバルスタイルとは何ですか？
回答： Bootstrapでは、グローバルなデフォルトのフォントサイズは14pxで、行の高さは1.428です。 HelveticaとArialへのデフォルトのフォント変更はサンセリフフォールバックであり、これらのスタイルはすべて本文とすべての段落の両方に適用できます。
Q ＃ 44）以下のコードの出力はどうなりますか？
.col-xs-12 .col-md-3 回答： これの出力は、使用されたスニペットcol-xs-12に見られるように、非常に小さなデバイスのグリッドを提供します。また、クラスcol-md-3がそうであったように、デスクトップデバイス以上のグリッドも提供します。中古。
Q ＃ 45）Bootstrapが正しく機能するために必要な依存関係は何ですか？
回答： jQueryは、ブートストラップが正しく機能するために必要な唯一の依存関係であり、これはブートストラップのJavaScriptプラグインにのみ適用されます。
Q ＃ 46）以下のコードが何をするか説明してください？
Home 36 回答： このコードは、受信した数、受信したメッセージ、リクエストの数などの重要な通知をユーザーに提供するインラインバッジ付きのリンクを生成します。
Q ＃ 47）Bootstrapでのコード表示に使用される2つのコードは何ですか？
回答： コードは tag and tag.
Q # 48) What is the difference between Bootstrap and Foundation?
Answer: Bootstrap uses very fewer preprocessors as it supports less and it allows the designing and development for both mobile and desktop. On the other hand, Foundation supports sass processors and it is used only for mobile UI designing.
Q # 49) What are Glyphicons in Bootstrap?
Answer: By this, we can use the icon simply anywhere in your code.
Q ＃ 50）Bootstrapの移行プラグインとは何ですか？
回答： モーダルでのスライドやフェードなどの単純な遷移効果を提供します。
Q ＃ 51）Bootstrapで垂直フォームまたは基本フォームを作成する概念を説明します。
回答： このためには、最初に親要素にロールフォームを追加する必要があり、次にラベルとコントロールをclass.form-groupでラップする必要があります。次に、すべてのテキストURLと要素に.form-controlのクラスを追加する必要があります。 。
結論
これらの面接の質問と回答は、Bootstrapの面接をクラックして、より新鮮で経験豊富なレベルにするのに役立ちます。そして、これらはインタビューで尋ねられる最も頻繁な質問です。
Androidに保存されているapkファイルはどこにありますか
この記事は、Bootstrapの基本と高度なレベルを理解するのに役立つと確信しています。
どうぞよろしくお願いいたします!!