css - IE9 で Bootstrap レイアウトが奇妙にレンダリングされ、その理由がわかりません

Question

[更新: 問題は解決しました。]

問題はタイトル セクションに<span3>あります。IE9以下を除くすべてのブラウザで問題なく動作します。[編集: Firefox でも壊れています :-( ]<hr><span6><span3>

レイアウトが壊れる理由がわかりません。また、Mac を使用しているため、リモート VM を使用してこれをデバッグするのは非常に困難です。何か案は？

以下のスクリーンショット:

Chrome およびその他の優れたブラウザー:

IE9:

Answer 1

答えclear: left;は最初に追加することのよう<span3>です。これは理想的な解決策とは思えませんが、それでも機能します。

私のコードでこれを行った方法は次のとおりです。

div.row.page-heading:first-child {
    clear: left;
}