2016-08-16 3 views
0

私は、ブートストラップ3からnav-justifiedとnavタブを(一緒に)使用しています。ボーダーは私にとっては軽すぎるので、太くしたり色を変えたりしたいと思います。nav-justifiedボーダーカラーをブートストラップからどのように変更できますか?

まず、私はこれで

.nav-justified 
{ 
border: 4px solid black; 
} 

に問題を試してみましたが、私のタブの空間全体を概説なっているということです。私はいや、それだけで、デフォルトでそれをしないが、任意の(例えばスイッチング)タブに変更

.nav-tabs.nav-justified>.active>a 
{ 
    border: 4px solid black; 
} 

を試してみました

次はその境界線を消去します。

答えて

0

ブートストラップスタイルシートの後に、あなたのstyle.cssがhtml docに追加されていることを確認してください。そうでない場合は、ブートストラップスタイルを上書きしません。次に、開発者ツールを使ってnavボーダーを見てみましょう。 Chromeには本当に便利な機能があります。ナビゲーションバーを右クリックして、inspect要素を選択します。これにより、どのスタイルがアクティブで、どのスタイルが上書きされているかのリストが表示されます。 id = "myNav"というIDにnav barを渡し、#mynav .nav-justified { my styles}を使用してCSSを上書きします。もしあなたがhtmlを投稿することができれば助けになるでしょう。

関連する問題