各位大大您好，小弟最近使用了bootstrap的grid，然後再快樂的建置中，為了要使用
________ ________ ________
| || || |
| || || |
|div || div || div |
|col-md-4||col-md-4||col-md-4|
| || || |
|________||________||________|
這樣的排版，但其實為了要讓它裡面有padding所以他們是套著一層class = col-md-4的div，然後再去做裡面的內容，但裡面的內容想要做grid，卻發現外層的div的height會變成0，巢狀的grid是沒辦法被使用的，還是有其他的解決方法嗎?
_______________
|div = col-md-4 |
|height=0 |
| _____________ |
||section ||
||=col-md-12 ||
|| ||
|| ||
||_____________||
|_______________|
在chrome中的element的欄會看到這個問題，拿掉section的col-md-12就又正常了！請各位大大解惑，感謝感謝再感謝

貼程式碼上來看會比較清楚

中間加個 .row 看看div.col-sm-12 > div.row > section.col-sm-6

.col-*都有float:left，要記得clear，可以像x大說的加一層.row（bootstrap有在此class清浮動），或是自己手動對div clear，或是div加上.clearfix（bootstrap清浮動的class）

各位大大可以了！加了row之後世界太平!!!!

建議你去看一下float，不然未來還是有可能遇到問題卻怎樣都找不到

我float都有做clear,加了.row就都沒事了！

會出現height: 0幾乎都是float沒清到，但奇怪，我認真照你的圖解或程式碼試，都不會height: 0阿

我使用的是chrome，會不會是我加了什麼外掛改變到了?