ブートストラップクラスを拡張する方法

私はBootstrap Twitterで私の最初のステップを行い、コンポーネントを拡張する必要があります。たとえば、navbarの背景を変更したいのですが、オリジナルのCSSファイルを変更する必要はありません。その他の変更。私は新しい背景を持つ新しいクラス（.TEST）を作成してみてください：HMTLでブートストラップクラスを拡張する方法

.test{ 
    background-color: red !important; 
}

そしてinvoques：

<div class="navbar navbar-fixed-top test">

しかし、動作しません。どうすればいいですか？ともっと.... 任意のアイデア？

出典

2013-06-27 ramiromd

は、私の答えの仕事をしたnavbarの場合

、背景色を持っている要素は、あなたがこのように上書きしたいと思いますnavbar-innerです？私はあなたが別のブートストラップCSSの質問を上書きするように頼んだことが分かります：http://stackoverflow.com/questions/17355943/change-vertical-divider-navbar – ZimSystem

他の人が解決したことを他の人に知らせるように答えを受け入れるべきです。 – ZimSystem

すべてここで説明されているブートストラップクラスを拡張/カスタマイズするには、いくつかの方法があります：Twitter Bootstrap Customization Best Practices

独自のカスタムCSSをブートストラップのスタイルを上書きする場合、これは一般的に悪いとあなたが!importantを使用しないでください練習。

.test .navbar-inner{ 
    background-color: red; 
}

カスタムナビゲーションバー例：http://bootply.com/61032

出典

2013-06-27 16:57:10 ZimSystem

> 2つの方法があります。「2つの方法がありますか」、「方法がありません...」という意味でしたか？ちょうどチェックするので、私はこの答えを正しく理解しています。 – samjewell

ブートストラップクラスを拡張する方法

答えて

関連する問題