我正在使用Materialize.css，并且边距不扩展

Question

我有一个使用materialize.css的屏幕。我创建了3行，其想法是随着屏幕的缩小，页边距会消失。

列div是：

SELECT 
    u.emp_no, 
    u.name, 
    d.name as dept_name,
    CASE WHEN ui.updatedTime >= NOW() - INTERVAL 5 minute THEN 'Y' ELSE 'N' END connectYN
FROM 
    tb_user u
    INNER JOIN tb_user_dept ud ON u.emp_no = ud.emp_no
    INNER JOIN tb_dept d       ON ud.dept_id = d.dept_id
    INNER JOIN tb_user_info ui ON ud.emp_no = ui.emp_no

保证金的Css为：

<div className="row">
          <div className="col m1 l2 custom hide-on-small-only"><p>col m1 l2  hide-on-small-only</p></div>
          <div className="col s12 m10 l8">

            <div className="container ">
              <Route exact path="/" component={UrlFormComp}/>
            </div>
          </div>
          <div className="col m1 l2 custom hide-on-small-only"><p>col m1 l2  hide-on-small-only</p></div>

        </div>

使用react组件渲染页面，看起来不错。 我要在其中添加一个div内容。 问题是当我将div添加到中心行时。中间的行会扩展，但蓝色的行不会扩展。

我需要做些什么改变才能很好地呈现出随着页面扩展的边距？