~Linux、MySQLからAJAXまでブートストラップ3のサンプルレイアウトoffcanvasの設定方法ブートストラップ3のサンプルレイアウトoffcanvasの設定方法をまとめました。1)ファイルの入手1ブートストラップの公式サイトから”source”版をダウンロード。2”examples”フォルダ内に”offcanvas”フォルダ内があります。2)ファイルの配置index.html、offcanvas.js、offcanvas.cssをサーバー内に適宜配置します。3)index.html内のインクルード設定index.html内のCSS、JavaScript部分を自分の環境に合わせて修正します。src=”offcanvas.js”></script>4)動作確認ブラウザでアクセスし、下記を確認します。・ウィンドウサイズを変化させるとカラムの構成が3カラム、2カラム、1カラムと自動で変更されること。・ウィンドウサイズを小さくするとナビゲーションメニューが折りたたまれ、クリックするとドロップダウンで表示される事。nav”ボタンが表示され、クリックすると左右にスライドする事。nav”ボタンブートストラップ3の標準機能以外が使われていて、下記部分が該当します。nav”のボタン(data-toggle=”offcanvas”クラス)が表示され、クリックすると”row-offcanvas”クラスのスタイル設定に”active”が適用されたり、取り消されたりして、ウィンドウの位置がスライドします。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。