大名鼎鼎的css框架 Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多 12 列。

    在css3之前，这种网格系统是最重要的一种css布局方式，通过网格的各种组合，可以实现各种响应式的UI界面

    image.png

    详细资料：
    【菜鸟教程】https://www.runoob.com/bootstrap4/bootstrap4-grid-basic.html

    要求实现：

    1. 实现自己的css网格系统
      1. 资料上网格系统提供的功能都要完成
      2. 不能引入其他css框架
    2. 要求利用自己的css网格系统实现以下界面

    image.png