css - Bootstrap 宽度问题

Question

我在访问以下网站时遇到问题。

我想不通两件事。

1) 为什么当您以 sm/xs 尺寸查看时，“特色照片/视频”和 Twitter 提要没有全宽显示？

2) 为什么 Twitter 提要下的 3 个广告在 sm/xs 尺寸上根本不显示？

据我所知，它们都包含在类为 col-sm-12 col-xs-12 的 DIV 中，因此它们应该都以全 Angular 显示，对吗？

<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“primary-mid”并且覆盖了CSS

#primary-mid {
    width: 55%;
}

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

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