【问题标题】:Why is there no vertical space between adsense and input group? [closed]为什么adsense和输入组之间没有垂直空间? [关闭]
【发布时间】:2017-12-17 20:36:21
【问题描述】:

我有一个使用引导程序的简单页面。引导“容器”div 中有 3 个 div:

  1. 标题
  2. 响应式 Adsense
  3. Ajax 表单控件

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

我尝试过使用引导 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>

【问题讨论】:

  • 你能提供一个工作小提琴或堆栈sn-p吗?
  • 您使用的是什么版本的引导程序? my-1 类仅适用于 v4
  • @fen1x - 是的,这就是问题所在:我的版本 (3.3.7) 和我正在阅读的文档 (v4) 不匹配。
  • @MatthiasS。 thx - 我不知道这些工具。

标签: html css twitter-bootstrap adsense


【解决方案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>

【讨论】:

  • 是的,这也有效,如果我没有被告知版本不匹配,我会在接下来这样做。