まず、式の発展に応じて
1、応答レイアウトは、端末複数のサイトと互換性があります。
2、原則応答開発
メディアクエリ（CSS3メディアクエリで、および特定の@media画面の後にスペースを追加する（最小幅：768px）と（最大幅：992px）{};問合せ画面の区間幅の幅で指定されたページレイアウト。
超小型スクリーン（モバイルデバイス）768px以下
小さな画面のデバイス768px-992px
ミディアムスクリーン992px-1200px
以上1200px以上の大画面デバイス
3、開発および運動応答性のWeb開発者の区別の
ブートストラップ
ブートストラップフレーム----最も人気のあるフロントエンドUIフレームワーク（プレハブインターフェース・コンポーネント）
特徴：アセンブリシンプルかつエレガントで、コードの仕様、強力なカスタムインターフェイスを合理化
利点：
これは、独自の生態系、常に更新反復を持っています
それはシンプルで直感的な、強力なコンポーネントを提供します
標準のコーディング仕様のHTML + CSSへの正規化
簡単に開発を行い、開発の効率を向上させます。
図3に示すように、レイアウトコンテナ
.containerコンテナのサポート固定幅と応答性のレイアウト
デフォルトのマージン：55×;パディング：15ピクセル;
.container流体100％の幅のタイプは、容器の全体のビューポート（ビューポート）を占めます。
4、グリッドシステムを削除します
行：行のパディングで満たされ、その親コンテナを延伸することにより
ラスターパラメータ：