nboots中兩個div元素之間不必要的空格

Question

我正在使用 bootstrap 4 編寫一個網站，出於某種我無法弄清楚的原因，以下代碼中我的兩個包裝器 div 之間存在一些空間。

<!-- News! Ad with "read more" modal popup -->
<div id="news-bar" class="container-fluid bg-white my-0">
 <h2>News</h2>
    <p>Short Description</p>
    <p>more</p>
</div>

<!-- About us / Register for consultation -->
<div id="about-jumbotron" class="jumbotron jumbotron-fluid bg-dark text-white margin my-0">
    <div class="container-fluid">
        <h1>Big Heading</h1>
        <h2>Smaller heading</h2>
        <p>Description text</p>
    </div>
</div>

這是一個帶有我的瀏覽器 output 的照片的 imgur鏈接。 沙褐色線是為我的網頁設置的背景色。

到目前為止，我嘗試將 my-0 和 py-0 添加到 #about-jumbotron 和 #news-bar 都沒有成功。 另外，如果我在我的 web 瀏覽器中單擊空白區域和 select 檢查元素，它指的是正文標簽。 作為替代解決方案，我可以將背景顏色設置為與其中一個 div 元素相同，但我確實想首先嘗試找到合適的解決方案。

Answer 1

我解決了。 問題是 h1 和 h2 元素有自己的邊距將底部向下推。 它是通過設置 my-0 來修復的