Twitter Bootstrap のスタイルをオーバーライドするにはどうすればよいですか?

Twitter Bootstrap でのスタイルのオーバーライド

この例では、Twitter Bootstrap のサイドバー クラスの float プロパティを変更します。新しい Web 開発者にとって、この作業は困難に思えるかもしれません。ただし、簡単な解決策がいくつかあります。

方法 1: float プロパティを再割り当てする

ブートストラップのスタイルシート (bootstrap.css) をインクルードした後、カスタム スタイルシートを追加します。 (サイト固有の.css)。これにより、既存のルールを再定義してオーバーライドできるようになります。例:

.sidebar {
    float: right;
}

注: 上記の方法は、上書きしたい CSS スタイルに対して機能します。

方法 2: !重要なルールを使用する(あまり推奨されません)

オーバーライド スタイルをより具体的にしたい場合は、 ! important ルールを CSS プロパティに追加できます。これにより、カスタム スタイルが Bootstrap のスタイルよりも優先されます。ただし、一般的には、! important を過度に使用しないことをお勧めします。

.sidebar {
    float: right !important;
}

以上がTwitter Bootstrap のスタイルをオーバーライドするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。