Latest web development tutorials

Yayasan Tutorial

Yayasan 5

Yayasan untuk pengembangan HTML responsif, CSS dan kerangka kerja JavaScript.

Yayasan adalah mudah digunakan, kuat dan kerangka kerja yang fleksibel untuk membangun aplikasi berbasis Web pada perangkat apapun.

Yayasan adalah kerangka populer untuk bergerak prioritas.


contoh online

Tutorial ini berisi contoh ratusan Foundation.

Anda dapat menggunakan editor online kami, dan klik "Kirim Run" tombol untuk melihat hasil:

Yayasan contoh

<Class Div = "row">
<Div class = "menengah-12 kolom">
<Class Div = "panel">
<H1> Yayasan Halaman </ h1 >
<P> Resize halaman responsif ini untuk melihat efek! </ P>
<Jenis Tombol = "tombol" class = "tombol kecil"> I Like It! </ Tombol>
</ Div>
</ Div>
</ Div>

<Class Div = "row">
<Class Div = "menengah-4 kolom">
<H3> Kolom 1 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<Class Div = "menengah-4 kolom">
<H3> Kolom 2 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<Class Div = "menengah-4 kolom">
<H3> Kolom 3 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
</ Div>

Coba »

Klik "Coba" tombol untuk melihat contoh online.


karakteristik yayasan

Untuk menunjukkan efek ini dalam tag iframe, Anda dapat mengklik "mencoba" untuk melihat contoh online:

push button

Coba »


Form:

Coba »


Gambar pop:

Coba »


peringatan:

Coba »



Grid:

Coba »


Sebuah progress bar:

Coba »


panel:

Coba »


Drop-down menu:

Coba »


Efek Accordion:

Coba »


Top Navigation:

Coba »


box Modal:

Coba »


beralih:

Coba »


slider:

Coba »