Проблемы с загрузкой лома

Question

У меня возникла проблема со следующим сайтом.

Я не могу понять 2 вещи.

1) Почему «Избранные фото/видео» и лента Twitter не отображаются в полной ширине, когда вы просматриваете размер sm/xs?

2) Почему 3 объявления под лентой Twitter не отображаются вообще по размеру sm/xs?

Насколько я вижу, они оба содержатся в DIV с классами col-sm-12 col-xs-12, поэтому они должны отображаться на полной ширине там, правильно?

<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) Потому что вы дали родительский идентификатор "первично-середине", и перезаписывает CSS

#primary-mid { 
    width: 55%; 
} 

2) По той же причине, как Nr 1 ...

Чтобы избежать этого , используйте медиа-запросы самостоятельно или не перезаписывайте ширину Bootstrap своим собственным.