BootStrap 2学習日記2--固定レイアウトを応答レイアウトに変更
2441 ワード
概要:レスポンスページとは、閲覧プラットフォーム(サイズ)によって異なるCSSを表示するページです.
原理:Htmlのヘッダにコードを入れる
BootStrap 2で固定レイアウトを応答レイアウトに変換するにはbootstrap-responsiveを入れるだけでよい.cssスタイルでOK
原理:Htmlのヘッダにコードを入れる
<style>
/* 767 CSS */
@media(min-width:767px){body(background:red)}
/* 767px */
@media(max-width:767px){body(background:red}
/* 767px 960px */
@media(min-width:767px) and (max-width:960px){body(background:red)}
</style>
BootStrap 2で固定レイアウトを応答レイアウトに変換するにはbootstrap-responsiveを入れるだけでよい.cssスタイルでOK