各位大大您好，小弟最近使用了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，会不会是我加了什么外挂改变到了?