Bootstrap学習--Bootstarpを知っています
1234 ワード
Bootstrapは、HTML、CSS、JavaScriptに基づくWebアプリケーションやWebサイトを迅速に開発するためのフロントエンドフレームワークです.
Bootstrapを選んだ理由は以下の点です.
1.モバイルデバイス優先:Bootstrapフレームワークには、ライブラリ全体にわたるモバイルデバイス優先のスタイルが含まれています.
2.ブラウザのサポート:すべての主流ブラウザはBootstrapをサポートしています.
3.簡単:HTMLとCSSの基礎知識さえあれば、Bootstrapの勉強を始めることができます.
4.応答設計:Bootstrapの応答式CSSはデスクトップ、タブレット、携帯電話に適応できる.
5.強力な組み込みコンポーネントを備え、カスタマイズが容易です.そしてインタフェースが美しい.
Bootstrap必須環境の学習
注意jqueryのjsはbootstrapのjsの前に置く必要があります
モバイルデバイス優先
上記の設定により、Webサイトが異なる解像度のデバイスで閲覧されることを保証できます.device-widthはリアルタイムのレンダリングを指定し、inital-scale=1.0は1:1のスケールで表示され、スケールされません.
このエンドコードは、IEがページでサポートされているブラウザを使用できるようにするためです.
bootstrapの本質はcssスタイルによってページの応答式レイアウトを実現することである.
Bootstrapを選んだ理由は以下の点です.
1.モバイルデバイス優先:Bootstrapフレームワークには、ライブラリ全体にわたるモバイルデバイス優先のスタイルが含まれています.
2.ブラウザのサポート:すべての主流ブラウザはBootstrapをサポートしています.
3.簡単:HTMLとCSSの基礎知識さえあれば、Bootstrapの勉強を始めることができます.
4.応答設計:Bootstrapの応答式CSSはデスクトップ、タブレット、携帯電話に適応できる.
5.強力な組み込みコンポーネントを備え、カスタマイズが容易です.そしてインタフェースが美しい.
Bootstrap必須環境の学習
<link href="../js/bootstrap/css/bootstrap-theme.css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/bootstrap/js/bootstrap.min.js"></script>
注意jqueryのjsはbootstrapのjsの前に置く必要があります
モバイルデバイス優先
<meta name="viewport" content="width=device-width, initial-scale=1.0">
上記の設定により、Webサイトが異なる解像度のデバイスで閲覧されることを保証できます.device-widthはリアルタイムのレンダリングを指定し、inital-scale=1.0は1:1のスケールで表示され、スケールされません.
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
このエンドコードは、IEがページでサポートされているブラウザを使用できるようにするためです.
bootstrapの本質はcssスタイルによってページの応答式レイアウトを実現することである.