[Bootstrap] レスポンシブ＆ハンバーガーのヘッダー。コピペ用。

Bootstrap を使って作成するヘッダー。コピペ用。
レスポンシブ対応、メニューはハンバーガー化で一元管理可能。
bootstrap の css, js と、jquery の読み込みが必須。

      <nav class="navbar navbar-default">
　　　　<!--デフォルトのスタイリングをリセットしたい場合、navbar-default を削除。--->
        <div class="container-fluid">
          <div class="navbar-header">
              
　          <!--ハンバーガー-->
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#site-menu">
                <p>■</p><!--好きなハンバーガーに変更。-->
            </button>
            <!--//ハンバーガー-->

            <!--左ロゴ-->
            <a class="navbar-brand" href="#">サンプル株式会社</a><!--左上のロゴ部分-->
            <!--//左ロゴ-->
            
          </div>
          
          <!---メニュー　li が項目。必要な分だけ li をコピペで増やす。---->
          <div class="collapse navbar-collapse" id="site-menu">
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">会社情報</a></li>
              <li><a href="#">事業情報</a></li>
              <li><a href="#">ニュース</a></li>
              <li><a href="#">お問い合わせ</a></li>
            </ul>
          </div>
          <!---//メニュー---->
          
        </div>
      </nav>
     <!--ここまで-->