問題タブ [nav-pills]

ナビピルでブートストラップを使用しています。タブのリンクに/記号を付けると、そのタブは機能せず、クリックするとjquery独自のコードでjavascriptエラーがスローされます。どうすればこれを修正できますか?

同じページの切り替えに Bootstrap ピルを使用しています。2 つのナビゲーション ピルと、それぞれに対応する 2 つの div があります。最初の div を正しく作成し、正常に動作しています。しかし、2 番目の div を構築しようとすると、最初の div の内容が 2 番目の div の構築を妨げています。例: col-* クラスが正しく機能していません。要するに、最初の div のデータは、目に見えませんが、2 番目のページにいるときにまだ存在しています。

シナリオ

flatfyブートストラップ テンプレートを使用して、単純な Web サイトを開発しています。

問題

プルライトクラスを持つ要素の子としてボタン/ピルを追加しようとすると、ボタンはデスクトップの向き (横向き) では正常に動作しますが、ブラウザー ウィンドウのサイズをモバイル サイズ (縦向き) に変更すると、ボタン/ピルが停止します全体的に働いています。ブラウザを変えてみましたが、結果は同じでした。代わりにラジオボタンを使用してみましたが、それもうまくいきませんでした。

例

ここから flatfy テンプレートをダウンロードして追加できます

index.html の176行目以降で動作を確認する

ソース

コード忍者がデモを見なくても問題を理解できる場合、これはコードのブロックです。

ありがとうございました ：）

編集

Edit1: モバイル版のスクリーンショットを追加

アプリで Bootstrap ピルを使用しています。

ページのリロード後も同じタブにとどまるために、次の関数を使用します。

問題は、ページのリロード後、最初のタブが 1 秒間アクティブになり、その後実際にアクティブなタブにジャンプすることです。この「ジャンプ」せずに現在のタブを維持できますか?

ドロップダウンメニューを右側に揃えようとしています。添付の画像と参照 HTML コードを参照してください。ドロップダウンを画面の右側に移動するために、CSS を介して float right のみが適用されています。