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:
<div class="section"> <div class="container"> <div class="row"> <div class="col s6"> </div> <div class="col s6"> <div class="input-field"> <input id="name" type="text" class="validate"> </div> </div> </div> <div class="row> <div class="col s6"> <div class="input-field"> <input id="mail" type="text" class="validate"> </div> </div> </div> </div> </div>
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.