页面布局问题

Question

自己在实现一个页面时，不知道该如何给上图这些小的四方块布局，有想过用栅格或者表格实现。小的四方块可以用div生成。但是如果上面的小四方块没有把外层的div占满用完呢？应该如何合理的展示出来呢？项目中可以到了bootstrap，使用的angular.js作为框架。

Answer 1

怎么会没有占满留白

其实bootstrap的源码样式我也经常改得

Answer 2

flex布局试试

Answer 3

使用flex布局，有个flex : 1 的属性可以解决铺满问题，百度图片好像用的就是这个