Bootstrap CSS不需要的重叠元素

Question

我通常更多的是后端人员，但是我发现自己正在开发一个需要一些前端工作的项目。我摸索着我的方式，通过使用引导，我发现自己被困在以下方面：

<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似乎导致存在重叠，并且图像分区的垂直方向大于与col-md-6删除相同的页面。

不可否认，CSS从来就不是我的大本营，但我希望能尽快解决这个问题。同时，有人可以帮我解决这个问题吗？

Answer 1

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

Check this link about Bootstrap Grid System