html - Bootstrap CSS 不需要的重叠元素

Question

我通常更像是一名后端人员，但我发现自己从事的元素需要一些前端工作。我在使用 bootstrap 时摸索着前进，我发现自己陷入了以下困境:

<div id="form" class="col-md-6">
    <!-- form goes here -->
</div>
<br /> <!-- multiple br tags do nothing, as long as col-md-6 is used above -->
<div id="image_container">
    <image src="myimage.jpg" />
</div>

我想要在表单的末尾和图像的顶部之间留出一个空隙，但是 col-md-6 似乎导致重叠，并且 image-div 在垂直方向上更大而不是在删除了 col-md-6 的同一页面上。

诚然，CSS 从来都不是我的强项，但我希望尽快解决这个问题。与此同时，有人可以帮我解决这个问题吗？

Answer 1

您似乎没有正确使用网格系统，您必须使用行和列来分隔前端的元素。

Check this link about Bootstrap Grid System