示例代码

public function index(Content $content)
    {
        $content->className('m-15');
        $content->row($this->code());
        $content->row($this->br());
        // 单行单列
        $content->row($this->card('col-md-24', '#81C784'));
        // 一行多列
        $content->row(function (Row $row) {
            $row->gutter(15);
            $row->column(8, $this->card('col-md-8', '#7986CB'));
            $row->column(8, $this->card('col-md-8', '#7986CB'));
            $row->column(8, $this->card('col-md-8', '#7986CB'));
        });
        // 行里面有多个列,列里面再嵌套行
        $content->row(function (Row $row) {
            $row->gutter(15);
            $row->column(18, function (Column $column) {
                // 一列多行
                $column->row($this->card(['col-md-24', 20], '#4DB6AC'));
                // 行里面再嵌套列
                $column->row(function (Row $row) {
                    $row->gutter(15);
                    $row->column(8, $this->card(['col-md-8', 30], '#80CBC4'));
                    $row->column(8, $this->card(['col-md-8', 30], '#4DB6AC'));
                    $row->column(8, function (Column $column) {
                        $column->row(function (Row $row) {
                            $row->gutter(15);
                            $row->column(12, $this->card(['col-md-12', 30], '#26A69A'));
                            $row->column(12, $this->card(['col-md-12', 30], '#26A69A'));
                        });
                    });
                });
            });
            $row->column(6, $this->card(['col-md-6', 120], '#00897B'));
        });
        return $content;
    }

实现效果