ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップの面接でよくある質問 (概要)

ブートストラップの面接でよくある質問 (概要)

青灯夜游
青灯夜游転載
2018-10-13 17:07:047320ブラウズ

この記事では、ブートストラップ面接でよくある質問をいくつかまとめています。困っている友人は参考にしていただければ幸いです。ブートストラップ関連のチュートリアルをさらに学習して入手したい場合は、ブートストラップ チュートリアル!

1. ブートストラップを使用する理由

#ブートストラップには、モバイル デバイスの優先順位、優れたブラウザーのサポート、使いやすさ、応答性の高いデザインという利点があります。など、Bootstrap が広く使われています。


2.head にビューポート メタ タグを追加します。

Bootstrap によって開発された Web サイトをモバイル対応にし、適切な描画とタッチ スクリーンを確保するために拡大縮小するには、ビューポート メタ タグを Web ページの先頭に追加する必要があります。

width 属性はデバイスの幅を制御します。 Web サイトがさまざまな画面解像度のデバイスで表示されることを想定して、Web サイトをデバイス幅に設定すると、さまざまなデバイスで正しくレンダリングされます。

i

initial-scale=1.0;Web ページが読み込まれるときに、スケーリングなしで 1:1 の比率でレンダリングされることを確認します。

モバイル ブラウザでは、

user-scalable=noviewport メタ タグ に追加することでズーム機能を無効にできます。

通常、

maximum-scale=1.0 user-scalable=no とともに使用されます。ズーム機能を無効にすると、ユーザーは画面をスクロールすることしかできなくなり、Web サイトがよりネイティブ アプリケーションのように見えるようになります。次のコードを追加します。

<metaname="viewport" content="width=device-width,initial-scale=1">

3 さまざまなサイズのデバイスの場合。クラスプレフィックスはブートストラップによって設定されますか? #超小型デバイスの携帯電話 (

小型デバイスのタブレット (>=768px): .col-sm-

中型デバイスのデスクトップ (>=992px): .col-md-

大型デバイスのデスクトップ (>=1200px): .col-lg-

4 .How to Bootstrap でレスポンシブ テーブルをセットアップしますか?

class="table-sensitive"

を追加します。Bootstrap を使用して縦型フォームを作成する基本的な手順は何ですか?

(1) role="form" を親

要素に追加します。

(2) ラベルとコントロールを class="form-

の group " (最適な間隔を取得するために必要です);

(3) すべてのテキスト要素