Question

我有一个使用bootstrap的简单页面。 bootstrap＆＃34; container＆＃34;中有3个div。 DIV：

标题
Responsive Adsense
Ajax表单控件

我希望广告和表单控件之间有一些垂直空间。但是，无论我做什么，adsense广告都与表单控件齐平。

我尝试过使用bootstrap div类（例如下面是my-1，我认为应该创建一个顶部和底部的垂直边距）并手动添加实体（对不起我已经出局了）的想法，并没有太多的bootstrap或adsense经验）

<div class="container">

  <div>
    <h3>name check</h3>
  </div>

  <div>
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-9999999991673999"
         data-ad-slot="9954999999"
         data-ad-format="auto"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>

  <div class="my-1">
    <div class="input-group input-group-lg">
      <input type="text" class="form-control" placeholder="name" id="btn-name" />
      <span class="input-group-btn">
        <button class="btn btn-default" id="btn-check">check</button>
      </span>
    </div>
  </div>

Answer 1

您可以添加一些CSS

.my-1 {
    margin-top: 1em;
}

或者您可以添加内联css：

<div style="margin-top:1em;">
    <div class="input-group input-group-lg">
        <input type="text" class="form-control" placeholder="name" id="btn-name" />
        <span class="input-group-btn">
            <button class="btn btn-default" id="btn-check">check</button>
        </span>
    </div>
</div>

为什么adsense和输入组之间没有垂直空间？

1 个答案: