Bootstrapにサイドメニュー(スライドイン)を追加

いけいけすざかをレスポンシブデザインにしてから、やりたかったことの一つ

デフォルトスライドダウンメニューをサイドからのスライドイン形式にする

ポイントは、

１．sidrを使う

２．ボタンが右にあるので、

side: 'right'

を使う

３．スライドダウンを止めるため、

.attr('data-toggle', '')
.attr('data-target', '')

を使う

スマホでよくある3本線のボタンをPush！

右からスマホみたいなサイドメニューが登場します。

やりたかった理由は、Cookpadのスマホサイトがこうなってるから！

http://www.suzaka.ne.jp/
↑スマホで確認

スライドメニューの中身はPC版とは切り離せるので、自由にレイアウト可能。

長野県白馬村（白馬五竜スキー場）、大町市（木崎湖）にて、パラグライダータンデムフライト受付中！
長野パラグライダースクールADDS