Twitter Bootstrapでスタイルを上書きする方法 質問する

Twitter Bootstrapでスタイルを上書きする方法 質問する

Twitter Bootstrap でスタイルを上書きするにはどうすればよいですか? たとえば、現在、CSS ルール 'float: left;' を持つ .sidebar クラスを使用しています。これを右側に移動するように変更するにはどうすればよいですか? HAML と SASS を使用していますが、Web 開発は比較的初心者です。

ベストアンサー1

これらのヒントはすべて有効ですが、より簡単な方法はスタイルシートを含めることです。Bootstrap スタイル。

site-specific.cssBootstrap の ( ) の後に独自の CSS ( ) を含めるとbootstrap.css、ルールを再定義してオーバーライドできます。

例えば、このようにCSSを組み込むと、<head>

<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/site-specific.css" />

ファイルに次のように記述するだけで、サイドバーを右に移動できますsite-specific.css

.sidebar {
    float: right;
}

HAML と SASS がないことをお許しください。私はそれらについて十分に理解していないため、チュートリアルを書くことができません。

おすすめ記事