found]今回はWEBサービスにBootstrapを導入します。Bootstrapを使うことで、CSSが適用されたデザイン済みのフォーム、ボタン等をウェブサイトに使用することができます。これにより、CSSの知識不足をカバーしつつ、CSSの知識を得ることができます。Bootstrapの導入方法Bootstrapの導入は2通りの方法があります。CSSやJavascript一式をダウンロードして使用する方法とBootstrapCDNを利用する方法です。メリット・デメリットがあるので選択する必要があります。今回はBootstrapCDNを利用します。親ブレードのcssセクションとscriptセクションに、BootstrapCDNを導入します。@showヘッダーの実装ヘッダーはBootstrapのNavbarを利用します。NavbarはPCの時はフルサイズで表示され、スマートフォンのように表示領域が狭い場合は開閉可能となるレスポンシブデザインとなっています。</div>コンテンツの実装コンテンツ領域を確保します。今後はこの中にコンテンツを追加していきます。</div>フッターの実装フッターは利用規約等の情報を載せる予定です。上記のままではコンテンツ領域が長くなるとスクロールするようになります、ヘッダーやフッターも合わせてスクロールされていくためユーザーの操作性を損ないます。そこで、ヘッダーを画面上部に、フッターを画面下部にそれぞれ固定化します。100%;top:0px;left:0px;}まとめ今回はWEBサービスにヘッダーとフッターを追加しました。Reserved.Top。