Bootstrapの基本的なHTMLテンプレート
3778 ワード
Bootstrapは、現在最も流行しているフロントエンドフレームワーク(インタフェースツールセット)です.WebアプリケーションとWebサイトを迅速に開発するためのフロントエンドフレームワークです.応答型レイアウト、モバイル機器優先のWEBプロジェクトの開発に使用します.
モバイルデバイス優先:Bootstrap 3以降、フレームワークにはライブラリ全体にわたるモバイルデバイス優先のスタイルが含まれています.
レスポンスデザイン:BootstrapのレスポンスCSSは、デスクトップ、タブレット、携帯電話に適応できます.
Bootstrapで使用されるHTML要素とCSS属性の中には、HTML 5ドキュメントタイプにページを設定する必要があります.フォーマットは次のとおりです.
Bootstrapのサードパーティ依存ライブラリ:
jQuery:BootstrapフレームワークのすべてのJSコンポーネントはjQuery実装に依存し、jQueryはフレームワークとしてDOMを比較的便利に操作する方法を提供する.クリックしてリンクを開いてhtml 5 shivをダウンロードします:低バージョンのブラウザがHTML 5の新しいラベルを識別することができて、例えばheader、footer、sectionなど;リンクを開いてダウンロード
respond:低バージョンブラウザがCSSメディアクエリー機能をサポートできるようにします.リンクを開いてダウンロード
Compatible
この はドキュメント モード であり、IEブラウザの で の を して のドキュメントをレンダリングする 、モードEdgeモードは、バージョンアップによる を するために、 のモードでドキュメントをレンダリングすることをIEに えます. に えば、どのバージョンIEがどのバージョンの モードでレンダリングされるかということです.
このアトリビュートは、 のページビューポートに されています. の は、 のページの がデバイスの であり、スケールしない(スケールレベル1)ことを し、ユーザーが でスケールすることはできません.
ビューポートの :モバイルブラウザで、ページ がデバイスを えた 、ブラウザ の ページコンテナが、デバイスにページコンテナをこんなに きくスケールして されます.
、maximum-scale=1.0はuser-scalable=noとともに されます.このようにズーム を にすると、ユーザーは をスクロールするだけで、Webサイトをオリジナルのアプリケーションのように ることができます.
モバイルデバイス優先:Bootstrap 3以降、フレームワークにはライブラリ全体にわたるモバイルデバイス優先のスタイルが含まれています.
レスポンスデザイン:BootstrapのレスポンスCSSは、デスクトップ、タブレット、携帯電話に適応できます.
Bootstrapで使用されるHTML要素とCSS属性の中には、HTML 5ドキュメントタイプにページを設定する必要があります.フォーマットは次のとおりです.
...
Bootstrapのサードパーティ依存ライブラリ:
jQuery:BootstrapフレームワークのすべてのJSコンポーネントはjQuery実装に依存し、jQueryはフレームワークとしてDOMを比較的便利に操作する方法を提供する.クリックしてリンクを開いてhtml 5 shivをダウンロードします:低バージョンのブラウザがHTML 5の新しいラベルを識別することができて、例えばheader、footer、sectionなど;リンクを開いてダウンロード
respond:低バージョンブラウザがCSSメディアクエリー機能をサポートできるようにします.リンクを開いてダウンロード
Bootstrap HTML
Hello!
Compatible
この はドキュメント モード であり、IEブラウザの で の を して のドキュメントをレンダリングする 、モードEdgeモードは、バージョンアップによる を するために、 のモードでドキュメントをレンダリングすることをIEに えます. に えば、どのバージョンIEがどのバージョンの モードでレンダリングされるかということです.
このアトリビュートは、 のページビューポートに されています. の は、 のページの がデバイスの であり、スケールしない(スケールレベル1)ことを し、ユーザーが でスケールすることはできません.
width——viewport
height——viewport
initial-scale——
minimum-scale——
maximum-scale——
user-scalable—— , yes/no, yes, , no, 。
ビューポートの :モバイルブラウザで、ページ がデバイスを えた 、ブラウザ の ページコンテナが、デバイスにページコンテナをこんなに きくスケールして されます.
、maximum-scale=1.0はuser-scalable=noとともに されます.このようにズーム を にすると、ユーザーは をスクロールするだけで、Webサイトをオリジナルのアプリケーションのように ることができます.