要素のCSSの位置を上書きする適切な方法は何ですか？relative; 'ブートストラップ2.2.1を使用していますか？

Question

私はTwitter Bootstrap 2.2.1 Initializr定型文を使ってプロジェクトを進めています。ブートストラップのデフォルトのCSS属性を適切にオーバーライドするには、影響を受けるクラスのエントリを 'main.css'に作成し、必要な属性を追加する必要があります。

この特定のケースでは、ブートストラップにはデフォルトのナビゲーションバーに適用される '.collapse'というクラスがあります。

.collapse{ 
    position:relative; 
    height:0; 
    overflow:hidden; 
    -webkit-transition:height .35s ease; 
    -moz-transition:height .35s ease; 
    -o-transition:height .35s ease; 
    transition:height .35s ease 
} 

私にとって問題の原因となっている部分は、 'position：relative;'です。 私はポジションステートメントが必要です。今私は、ブートストラップCSSファイルを開いて編集することができますが、ファイルが更新されると、その変更は失われることがわかります。

このCSSエントリを上書きする適切な方法は何ですか？

Answer 1

bootstrap.cssの後に独自のCSSファイルを含め、同じセレクタでルールを作成します。 positionプロパティは、position: static;など、必要なものを使用できます。

Answer 2

もしあなたがhtml要素にインラインCSSを追加し、彼のデフォルト値にpositionプロパティをリセットすることができますただ一つの特性である：

<nav class="collapse" style="position:static"> 
    <ul> 
    <li>....</li> 
    <li>....</li> 
    </ul> 
</nav> 

しかし、あなたは、あなたがすべき、他人のスタイルを追加/変更されますと思われる場合bootstrap.cssの後に独自のCSSファイルを追加して、すべてのスタイルがブートストラップのデフォルトCSSを上書きするようにします。