Bootstrap宽度问题

Question

我遇到以下网站的问题。

我无法弄清楚两件事。

1）为什么在以sm / xs尺寸观看时，“精选照片/视频”和Twitter Feed不会以全宽显示？

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＆＃34; primary-mid＆＃34;并覆盖CSS

#primary-mid {
    width: 55%;
}

2）与Nr 1相同的原因......

要避免这种情况，请自行使用媒体查询，或者不要用自己的内容覆盖Bootstrap宽度。