Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Materialize CSS - jak zrobić rowspan?
siutek
post 11.10.2016, 08:18:09
Post #1





Grupa: Zarejestrowani
Postów: 173
Pomógł: 1
Dołączył: 26.10.2005
Skąd: Toruń

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
gitbejbe
post 12.10.2016, 09:18:45
Post #2





Grupa: Zarejestrowani
Postów: 515
Pomógł: 63
Dołączył: 27.08.2012

Ostrzeżenie: (0%)
-----


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

Ten post edytował gitbejbe 12.10.2016, 09:19:15
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 09:54