Materialize CSS - jak zrobić rowspan? Opcje

[siutek]

Witam,
Uczę się dopiero Materialize CSS i trafiłem na pierwszą zagwozdkę:

Wymyśliłem sobie w layoucie podział dwukolumnowy (czyli standardowe class="col s6")
I teraz w lewej kolumnie jest jakiś akapit tekstowy, zaś w prawej są wiersze z inputami formularza (ostylowane klasami Materialize). Jednak nie wiem jak zrobić, by drugi wiersz z inputem pojawił się bezpośrednio pod pierwszym, a nie dopiero na wysokości końca akapitu z lewej kolumny. Czyli brakuje mi czegoś w rodzaju rowspan dla lewej kolumny z tekstem. Chyba, że można to załatwić inaczej.

Obecna konstrukcja:

[HTML] pobierz, plaintext 
<div class="section">
  <div class="container">
    <div class="row">
      <div class="col s6">
        <p>akapit z jakimś tekstem</p>
      </div>
      <div class="col s6">
        <div class="input-field">
          <input id="name" type="text" class="validate">
          <label for="name" class="active">Imię (nazwa):</label>
        </div>
      </div>
    </div>
    <div class="row>
      <div class="col s6">
        <div class="input-field">
          <input id="mail" type="text" class="validate">
          <label for="mail" class="active">E-mail:</label>
        </div>
      </div>
    </div>
  </div>
</div>
[HTML] pobierz, plaintext 

Ok, temat można zamknąć.

Dla potomnych:
Wystarczy w <div class="col s6"> zrobić kolejnego diva z klasą "row"
Można tak bez problemu zagnieżdżać kolejne divy.

[gitbejbe]

dla potomnych: każdy grid system tak działa, nie tylko ten w materialize

Ten post edytował gitbejbe 12.10.2016, 09:19:15