ブートストラップの幅の問題

Question

次のサイトに問題があります。

私は2つのことを理解できません。

1）sm/xsサイズで表示しているときに、「注目の写真/動画」とTwitterフィードが全幅で表示されないのはなぜですか？

2）Twitterフィードの3つの広告がsm/xsサイズで表示されないのはなぜですか？

私が見る限り、彼らは両方ともcol-sm-12 col-xs-12のクラスを持つDIVに含まれているので、両方ともそこで全幅で表示する必要があります。

<article> 

<h2 class="entry-title" itemprop="headline"> 

Featured Video/Photo 

</h2> 


<iframe width="100%" height="300" src="https://www.youtube.com/embed/5kIIsSi3aOQ" frameborder="0" allowfullscreen></iframe> 


</article> 

Answer 1

1）あなたはID "プライマリー・ミッド" の親を与え、それがCSS

#primary-mid { 
    width: 55%; 
} 

2）NR 1と同様の理由...

これを回避するためには上書きされますので自分でメディアクエリを使用するか、ブートストラップの幅を自分で上書きしないでください。