Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Responsiof di materialdesign seperti boostrap.
Malam gan , gmna cara nya yang waktu ane pake class col di material design. kalo ane buat col s3 berarti ada 4 konten yang bisa masuk satu baris. saat browser di kecilin kontenya tetep ada 4 dan jadi berantakan. gimana caranya biar jumlah kontenya otomatis berkurang kaya waktu pake boostrap. biar ga berantakan .
thanks . maaf kalo ga jelas :D
5 Jawaban:
pakai framework apa? material soalnya banyak
@ardyhim : ane setuju... mungkin maksudnya materialize.css ??
itu namanya konsep gridsystem, kalo di bootsrap & materialize.css itu 1 ROW nya 12 COLUMN... klo di framework css yg lain itu ada yg nyampe 24 column 1 barisnya.
klo di bootstrap ada grid classes, contohnya : xs (for phones) sm (for tablets) md (for desktops) lg (for larger desktops)
jadi kalo buat kolom
, artinya di desktop ukurannya full 12 kolom tapi kalo di tablet dia bakal dibagi jadi 6 kolom begitu juga ukuran lainnya..
setau saya, untuk yg material jg sama gk jauh berbeda kan ada small, medium, large.
referensi : http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp http://materializecss.com/grid.html
yes materialize.css . nanti ane coba baca baca lagi gan buat dokumentasinya
Jawaban Terpilih
pakai s=mobile m=tablet l=desktop
<div>
<div class="s12 m5 l4">Mobile jadi 1 grid tablet jadi 2 grid dekstop jadi 4 grid</div>
<div class="s12 m5 l4">Mobile jadi 1 grid tablet jadi 2 grid dekstop jadi 4 grid</div>
<div class="s12 m5 l4">Mobile jadi 1 grid tablet jadi 2 grid dekstop jadi 4 grid</div>
<div class="s12 m5 l4">Mobile jadi 1 grid tablet jadi 2 grid dekstop jadi 4 grid</div>
</div>
mungkin begitu. soalnya saya belum coba :D
Thanks semua , segera di coba . nanti di update di sini :D