Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Materialize CSS - jak zrobić rowspan?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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:
  1. <div class="section">
  2. <div class="container">
  3. <div class="row">
  4. <div class="col s6">
  5. <p>akapit z jakimś tekstem</p>
  6. </div>
  7. <div class="col s6">
  8. <div class="input-field">
  9. <input id="name" type="text" class="validate">
  10. <label for="name" class="active">Imię (nazwa):</label>
  11. </div>
  12. </div>
  13. </div>
  14. <div class="row>
  15. <div class="col s6">
  16. <div class="input-field">
  17. <input id="mail" type="text" class="validate">
  18. <label for="mail" class="active">E-mail:</label>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. </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.
gitbejbe
dla potomnych: każdy grid system tak działa, nie tylko ten w materialize
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.