Bootstrap Twitter で最初のステップを実行しており、コンポーネントを拡張する必要があります。たとえば、ナビゲーション バーの背景を変更したいのですが、元の css ファイルは変更しません。
.test新しい背景で新しいクラスを作成しようとしました:
.test{
background-color: red !important;
}
そして、hmtl で次のように呼び出しました。
<div class="navbar navbar-fixed-top test">
しかし、うまくいきません。どうすればこれを行うことができますか？
Bootstrap クラスをカスタマイズ/拡張するにはいくつかの方法があります。これらについてはすべてここで説明します: Twitter Bootstrap Customization Best Practices
独自のカスタム CSS でブーストラップ スタイルをオーバーライドする場合は、使用を避ける必要があります!important。これは一般的に悪い習慣です。
の場合navbar、背景色を持つ要素は次のnavbar-innerようにオーバーライドする必要があるためです。
.test .navbar-inner{
background-color: red;
}
カスタム ナビゲーション バーの例: http://bootply.com/61032