これは、ブートストラップの使用範囲に関する質問です。
Webサイトのすべてのレイアウトの側面に使用する必要がありますか？または、自分でレイアウト作業を少し行うこともできます（つまり、CSSなどを使用して幅やマージンなどを設定します）。
具体的には、ブートストラップのグリッドレイアウトの側面について言及しています。一部のリージョン（またはおそらく親リージョン）にグリッドを使用している場合、子/兄弟要素にグリッドを使用し続ける必要がありますか？iPadなどで表示する場合、両方のスタイルの混同が問題の原因となる可能性がありますか？発生する可能性のある具体的な問題を挙げてください。
個人的には、ブートストラップ レスポンシブを使用する場合は、レイアウト用に Twitter ブートストラップ クラスを使用することを好みます。
boostrap.css については、まずboostrap.css を適用し、次に別のスタイルシートを適用して Twitter のブートストラップの動作をオーバーライドする傾向があります。
オーバーライドを強制するために、場合によっては!importantcss プロパティが必要になる場合があります。
しかし、レイアウト用に twitter ブートストラップと独自の css を組み合わせて使用してもまったく問題ありません。
一番外側の div (およびその他の要素) に content と span12 を使用してブートストラップに成功し、独自のクラスを使用して内側の div をレイアウトしているので、問題はないと思います。