在Bootstrap中采用12栅格的布局，12份随意分配，但是不能解决5等分，7等分的问题。所以flex布局来协助。

Flex比Bootstrap的布局适应性更强，因为flex是基于灵活布局，而Bootstrap是自定义宽度布局，当删除元素时这些显得尤为明显。

 Flex布局和Bootstrap两者相同的设计理念
    1、内部的孩子节点无margin，元素之间的空隙用padding和border进行间隔，以及box-sizding:bording-box进行宽高的界定。

    2、两者都完美适配手机。

但是flex 存在严重问题，一行放4个，但是不够4个有时候不能够自适应，也要求剩余1部分。

bootstrap自适应能力不如flex布局。 

经过了很长时间。我们发现了 flex布局有很强的优越性，而bootstrap不行了。
    1、abc a固定，c固定，b要进行自适应。使用flex:1

    2、flex不受margin-left 和margin-right的影响。而bootstrap对这块支持的特别惨。