在bootstrap中实现50%是左侧一张大图，而另外50%实现另外放2张图片罗列的，那么这个尺寸因该如何规划可以做到可以兼容呢？
左侧的大图尺寸为708*640px，右侧的图为706*309px，另外为了在手机端呈现兼容，左侧图有一个margin-bottom:1.5rem; 而右侧的2个图，每一个也有一个margin-bottom:1.5rem;就实现了图片中的效果了。
这样在手机端还是PC端，图片都能实现比较好的视觉，每个图有向下的间隔间距。
上图这个是左侧 col-lg-9 一张大图，图片尺寸是970*370px，右侧是col-lg-3 尺寸为540*336px。
布局分列
col-lg-4 col-md-4 图片 370*259px
col-lg-4 col-md-4 图片 370*259px
col-lg-4 col-md-4 图片 372*362px
col-lg-8 col-md-8 图片 771*394px
col-lg-4 col-md-4 图片 372*294px
https://www.bootstrapmb.com/item/14569/preview 导航中的project
https://www.bootstrapmb.com/item/13043/preview
中间大图620*620px ，其他小图295*295px
