爲什麼adsense和input group之間沒有垂直空間？

我有一個利用引導程序的簡單頁面。有引導的「容器」專區內3周的div：爲什麼adsense和input group之間沒有垂直空間？

標題
響應的Adsense
Ajax表單控制

我想廣告和表單控件之間有一些垂直空間。但是，無論我做什麼，AdSense廣告都會與表單控件齊平。

我已經嘗試使用引導div類（例如下面是我的-1我認爲是應該創建一個頂部和底部的垂直邊距）並手動添加
的（對不起，我出來的想法，沒有自舉或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>

來源

2017-07-13 noctonura

你能提供一個工作小提琴或一個堆棧片段嗎？ –

你正在使用什麼版本的引導程序？「my-1」類只能在v4中運行 – fen1x

@ fen1x - 是的，這是問題：我的版本（3.3.7）與我正在閱讀的文檔（v4）之間不匹配。 – noctonura

您可以添加一些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>

來源

2017-07-13 08:05:31 fen1x

是的，這也適用，如果我沒有被告知版本不匹配，我會在接下來做的。 – noctonura

爲什麼adsense和input group之間沒有垂直空間？

回答

相關問題