Я использую Materialize.css и боковые поля не расширяются - PullRequest
Новая
       14

Я использую Materialize.css и боковые поля не расширяются

0 голосов
/ 19 февраля 2019

У меня есть экран с использованием materialize.css.Я создал 3 строки с идеей, что у меня есть поля, которые исчезают при уменьшении экрана.

Div столбца: 

<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>

Css для поля: 

.col.l2.custom, .col.m1.custom {
    min-height: 100vh; /* use "vh" instead of % */
}

Рендеринг страницы с реагирующим компонентом, и она выглядит хорошо.enter image description here У меня там есть div, к которому я хочу добавить больше контента.Проблема в том, когда я добавляю div в центральный ряд.Центральная строка расширяется, но синие строки нет.

enter image description here

Что мне нужно изменить, чтобы сделать это красиво с полями, которые расширяются по мере того, как страницаделает

...