基本的なテンプレートのブートストラップ

ブートストラップのプロフィール

ブートストラップ応答レイアウト、モバイルデバイスのWEB優先プロジェクトを開発するための最も人気のあるHTML、CSS、およびJSのフレームワークです。そのモットーは次のとおりです。

Web開発のための迅速かつ容易に、シンプルで直感的、かつ強力なフロントエンドの開発フレームワーク。

中国の文書アドレス:https://www.bootcss.com/

なぜブートストラップを使うのか?

  1. 生態系の火災、常に更新の繰り返し。
  2. 素敵なインタフェース・コンポーネントを提供します。
  3. エレガントなHTML + CSSのエンコーディングの指定を提供します。
  4. 当社のWeb開発は、簡単かつ迅速にしてみましょう。

【注意】ブートストラップCSSスタイルを使用することは書いていないという意味ではありませんが、人々の大半を書いていないが、スタイルを使用します。

基本的なテンプレートの導入ブートストラップ

 - 3つのメタタグは*必須*前面に、他のコンテンツは*必須*後に従ってください!- > < タイトル>


    
    
    
    
    
    
    マイクロ金</ タイトル> 

    < リンクのhref = "libに/ブートストラップ/ CSS / bootstrap.css" のrel = "スタイルシート" > 

    <! - HTML5シムとRespond.jsがIE8のサポートHTML5要素とメディアクエリを作ることです(メディアクエリ)機能- > 
    <! - 警告:ファイル:ページにアクセスするには、(HTMLページを直接ブラウザ//プロトコル内にドラッグされる)がRespond.js動作しない- > 

    <! - の条件付きコメント役割:
      審査の条件が満たされている、それはコメントでHTMLコードを実行します
      コメントますよう、条件が満たされていない
    - > 
    <! -  
      html5hiv:ブラウザがHTML5の新しいタグを認識することができましょう
      応答を:ブラウザの低いバージョンができましょうCSS3メディアクエリを使用
     - > 
    <! - [。LTのIE IF 9]> 
      <SCRIPT SRC = "libに/ html5shiv / html5shiv.js"> </ SCRIPT>
      <SCRIPT SRC = "libに/応答/ respond.src.js"> </ SCRIPT> 
    <[endifの]!- > 

    
    <! - 独自のCSSファイルを書く- > 
    < リンクのrel = "スタイルシート" タイプのを= "テキスト/ CSS " のhref =" CSS /のmain.css " > 
</ ヘッド> 
< ボディ> 
    <! - 位置がなければなりませんように、導入されなければならない> - 
    < スクリプトSRC のlib / jQueryの/ jquery.js" =" > </ スクリプト> 
    < スクリプトsrcは= "libに/ブートストラップ/ JSの/ bootstrap.js" > </ スクリプト>
    <! - 自身がJSファイルを書きました- > 
    <スクリプトSRC = "JS / main.js"タイプ= "テキスト/ javascriptの" > </スクリプト> 
</ ボディ> 
</ HTML >    

テンプレートは、モバイルエンドプロパティの説明で使用されています

  1. 幅:デバイスの幅とビューポートの幅=デバイス幅=>ビューポートの幅の幅は、応答性の変化です。
  2. 初期スケール:スケールの初期化
  3. ユーザースケーラブル:ユーザースケーリング許可するかどうか(値:はい/いいえ; 1/0)ありません
  4. 最小スケール:最小ズーム、ユーザが一般的な規模を設定することが許可されていない、最小値と最大ズームを設定する必要はありません
  5. 最大規模:最大ズーム

ビューポート導入

モバイルブラウザと、内部の仮想デバイスを超えたページ幅では、機器をズームするブラウザページコンテナ、コンテナページはとても大きな、そしてショーです。

おすすめ

転載: www.cnblogs.com/duxiu-fang/p/11032769.html