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