bootstrap和flexbox都可以实现grid布局，在前端进行布局时何时该使用哪一种方式进行布局？
display: -webkit-flex; 和
display:-webkit-box;这两种写法有什么区别？
自己写, 如果不是项目赶时间, 不要去用UI框架, 那对你没任何好处...除非你会去研究源代码
首先看你的项目对浏览器的支持，如果要支持ie11以下就不要用flexbox了。如果浏览器支持无所谓，bootstrap的grid是现成的responsive的，flex要实现一套完整的grid得自己写。
在Bootstrap4中，放弃了之前的float实现grid布局的方式，使用了flexbox来实现grid布局。另外bootstrap支持根据自己的需求进行定制，使用该框架我认为可以节省大量的时间。