前回は、ナビゲーションバーをBootstrapで作成しました。Headerの部分で、HTMLの<head>タグのことではないですよ。HTML5の<header>を使って今回は表しますHeaderをどんな感じに作るか左端から右端まであるヘッダーにしたいと思いますイメージはこんな感じhttp://differential.io/背景に大きなイメージ、そしてテキストを載せるというものですbootstrap3からはjumbotronっていうのが実装されて、以前はhero-unitと呼ばれてたものが置き換わったようです。<p>今回はBootrapでヘッダー画像の部分を作る。基本的なHTMLのひな形に、背景を指定するだけでそれっぽく作ることが可能。綺麗に見せるコツは背景の画像をどうのように使いこなすかによって大きく変わってきます。</header>jumbotronのところをheaderタグにしました。midashi-btnというのを独自にクラスを追加しましたあとは独自にCSSを追加して、jumbotronの背景に画像を設置、ボタンのデザインを少し変更、containerのマージンの調整をしました。上にナビゲーション、そして次にヘッダーが来るようになっていますマージンの設定はしなくても、それなりにマッチします。背景の画像のサイズをcoverにすることでレスポンシブデザインに対応した背景にする事が出来ます。リンクは付けずにサイトのタイトル+紹介文といった使い方でもしっくり来るかと思います。<p>今回はBootrapでヘッダー画像の部分を作る。基本的なHTMLのひな形に、背景を指定するだけでそれっぽく作ることが可能。綺麗に見せるコツは背景の画像をどうのように使いこなすかによって大きく変わってきます。使ってD&Dでリストの並び替えを実装する。4.7.3がリリース、脆弱性の修正が有りで更新推奨。遅延読み込みするCOMMENTまーち参考にさせてもらっています。