Bootstrapを使用しました。bootstrapにまつわるトラブルとその対処法について紹介します。Dropboxの簡易サーバーに関してはこちら。分かりにくい場所でした...タブメニューが動かない!?今回作ったサイトには、見た目が気に入ったタブメニューを採用しました。クリックで中身が入れ替わるので、サイトが縦に長くならずに済むのが個人的に好みでした!Dreamweaverでコーディングして、「さあブラウザテストだ!」チェックしました。Safariは...完璧!Firefoxは...最高!!Chromeは...動かない!!!...なぜだーー!と本当に叫びそうになりました...。Chromeだけ動かないのか?よくよく見ると、アドレスバーの右端に見慣れないマークが...。」を感知しているようです。アドレスの「https」に赤線の打ち消し線もあります。試しました!SSLのサイトへ!まずはこの意味を知ろうと、表示されたリンクへ飛びました。その先はSSLについてのページ。初心者の私には難しい内容ですが、要はリンクの記述が正しくないようです。コードチェックなので、HTMLにおかしなところはないか探しました。リンクについてなので、imgタグやYouTubeの埋め込みリンクなどチェックしました!しかしなかなか見つかりません。Network)で使っていたことでした。スクリプトってそのスクリプトかー!?と強く感じました...。src="http://code.jquery.com/jquery-2.0.3.min.js"></script>[/crayon]ルートディレクトリにスクリプトをダウンロードし、ローカルへのリンクに変更。下記の記述に変えました。src="jquery-2.0.3.min.js"></script>[/crayon]これで試してみると、無事にタブメニューが動作しました!目次に戻る分かりにくい場所でした...Google先生に聞いたりして自分で調べたのですが、なかなか原因が見つかりませんでした。確かにDropboxをサーバーとして使ったり、初心者がブーツストラップ使ったりとなかなか無い状況だったと思います。意外なところに落とし穴がある、皆様もお気をつけください。ナシタカ(@ehicalog)でした。MEナシタカGoProが大好きで子どもの撮影に愛用しています。撮影した動画の編集も大好きなので動画編集についても紹介しつつ、自分が気に入ったものをどんどん紹介していきます。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。GoPro大好きナシタカGoProが大好きで子どもの撮影に愛用しています。撮影した動画の編集も大好きなので動画編集についても紹介しつつ、自分が気に入ったものをどんどん紹介していきます。