[英]Unnecessary white space between two div elements i nboots
我正在使用 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 元素相同,但我确实想首先尝试找到合适的解决方案。
我解决了。 问题是 h1 和 h2 元素有自己的边距将底部向下推。 它是通过设置 my-0 来修复的
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.