6

Twitter Bootstrap 2.2.1 Initializr ボイラープレートを使用するプロジェクトに取り組んでいます。Bootstrap のデフォルトの CSS 属性を適切にオーバーライドするには、影響を受けるクラスのエントリを「main.css」に作成し、必要な属性を追加する必要があります。

この特定のケースでは、Bootstrap には、デフォルトのナビゲーション バーに適用される「.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;」です。立場表明はいらない。これで、Bootstrap CSS ファイルを開いて編集できることがわかりましたが、ファイルが更新されると、その変更は失われます。

この CSS エントリをオーバーライドする適切な方法は何ですか?

4

2 に答える 2

15

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

于 2012-11-15T19:38:06.803 に答える
4

プロパティが 1 つだけの場合は、インライン CSS を html 要素に追加して、positionプロパティをデフォルト値にリセットできます。

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

ただし、他のスタイルを変更/追加すると思われる場合は、bootstrap.css の後に独自の CSS ファイルを追加する必要があります。これにより、すべてのスタイルがブートストラップのデフォルト css をオーバーライドします。

于 2012-11-15T19:50:02.670 に答える