問題タブ [nav-pills]

タブごとにアクティブな色を変更しようとしています（クリックした後もTwitterの水色のままです）。

（どのように）CSSでこれを行うことができますか？

Bootstrap 3 を使用しており、ナビゲーション ピルに 2 つのリンクを含めようとしています。1 つは、メニュー内のページへの標準リンクです。

もう 1 つは、削除を確認するためのごみ箱のブートストラップ モーダルへのリンクです。私が抱えている問題は、外側のクリックイベントがゴミ箱のクリックにも影響するため、ページに移動し、モーダルポップアップが表示されないことです。戻るボタンをクリックすると、モーダルが起動します。

stopPropagation を使用しようとしましたが、モーダルが起動しません。

HTML:

false を返そうとしましたが、同じ問題です。私は正しい軌道に乗っていると確信しており、それをどのように実装しているかが重要です。

丸薬のロールオーバーの色とアクティブな丸薬の色を変更したいと思います。私のhtmlは次のようになります：

そして私のCSSは次のようになります：

でも色は落ちません。私は何が欠けていますか？

(フォントも変更したいのですが... 野心的すぎるかもしれません。)

画面がxsレイアウト（ブートストラップ）の場合にピルを表示する方法を見つけようとしています。より大きなデバイスであれば、すべてのコンテンツを表示したい。デバイスが phone-screen/bootstrap xs より大きい場合、コンテンツを含む div の「tab-content」クラスを削除する方法はありますか?

現在、より大きなデバイスを使用している場合は、アクティブなタブ ペインのみが表示されます。電話サイズを使用すると、丸薬が機能します。

問題は、大きなデバイスを使用している場合はすべてのコンテンツを表示し、小さなデバイスを使用している場合はピルを表示する方法です。

私はサイトを構築しており、開発時間を大幅に節約できる Bootstrap フレームワークを利用しています。

問題

リンクのコレクションとドロップダウン リンクがいくつかあり、残りは通常のリンクです。

リンクに別の背景色を与えることで、ドロップダウンメニューなしでリンクのホバー状態を正常に変更できました。

しかし、私が抱えている問題は、ドロップダウン メニューがあるリンクの背景色を変更できないことです。ドロップダウン メニューの実際の背景色ではなく、ナビゲーション バーのナビゲーション ピル リンクを意味します。

次の CSS コードを使用して、カスタム スタイル スタイルシート (styles.css) の問題を解決しようとしています。

私はこれに対する修正を見つけることができないようです。

これを修正する方法についてのアドバイスをいただければ幸いです。

Web ページで動的にナビゲーションを作成する関数があります。私が抱えている問題は、上部のナビゲーションボタンをクリックすると機能することです。私が知っているように、ID は 1 回しか使用できません。これが問題です。ID の代わりにクラスを使用して、すべてのナビゲーションが確実に機能するようにするにはどうすればよいですか?

前もって感謝します。ご不明な点がございましたら、コメントいただければすぐに返信いたします。

コードは次のとおりです。

ドキュメントに従っていますが、なぜ機能しないのかわかりpillsません。

HTML: