css - このスパン列がオフセットされているのはなぜですか?

Question

Twitterブートストラップでウェブサイトを開発しています。スクリーンショットは

これは時々発生し、正確な状況をまだ把握できていません...時々、<div>使用をネストしようとしrow-fluidますが、スクリーンショットに示されている結果が得られます。

子span6div には、left-margin取り除くことができないようです。

その中に2つ ネストできるようにしたいのですが…できるはずですよね？span6 <div>row-fluid <div>

Answer 1

a 内にレイアウトを構築するには.row-fluid、Bootstraps をすべて.spanNの aに適用しmargin-leftます。

.row-fluid [class*="span"] {
    margin-left: 2.76243%;
}

そして、このプロパティを次のようにオーバーライドします:first-child。

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

<h2>最初の の前にそれを含めているので.span6、それは 2 番目の要素になり、:first-childセレクターは影響しません。
したがって、問題を解決するには.row-fluid、スパンを配置する場所からその見出しを取得します。