自定义bootstrap布局出现的height为0情况

bootstrap的栅格布局很好用，不过只有12列，如果想自定义列宽，一种方法是改变列的padding和margin，不过太麻烦，而且如果遇到背景色之类的不好控制。最好自己重写，写的方法很简单：

your-col {
  position: relative;
  float: left;
  width: (your-width);
}

但是写完之后发现自己定义的container的height居然是0！也就是说内部的col并没有把container撑起来。仔细对比bootstrap的container发现需要加上这么一个css：

display: table;

可以参照以下链接：

http://www.w3school.com.cn/cssref/pr_class_display.asp