无法让我的Google广告做出回应

Question

我真的不确定我在哪里出错，但我正在使用Boostrap，我的理解是Google广告可以根据父母大小做出回应。

所以，这是我的代码（我已经正确选择了来自AdSense的响应式广告），但没有快乐...

知道我做错了什么吗？ PS此代码直接来自谷歌：https://support.google.com/adsense/answer/6307124

    <div class="container">
      <div class="row">
        <div class="col-xs-12">


              <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
              <!-- IC Throughtout Site -->
              <ins class="adsbygoogle example_responsive_1"
                   style="display:block"
                   data-ad-client="ca-pub-XXX"
                   data-ad-slot="XXX"
                   data-ad-format="horizontal"></ins>
              <script>
              (adsbygoogle = window.adsbygoogle || []).push({});
              </script>



          </div>
        </div>
      </div>

CSS在这里：

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>

如果我调整大小，广告会保持相同的大小...奇怪......