Cara Menggunakan Bootstrap Untuk Pemula (bagian 1)

Template Landing Page untuk Blogspot

Cara menggunakan Bootstrap adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan bootstrap sedikit coding CSS dan JavaScript namun tetap bisa membuat website yang powerfull mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat.

Untuk cara menggunakan Bootstrap silahkan simak panduannya berikut ini:

1. Cara menggunakan bootstrap yang pertama. Download Bootstrap di web bootstrap.

2. selanjutnya Ekstrak hasil download, biasanya strukturnya akan seperti ini

tutorial bootstrap untuk pemula

3. Buka text editor seperti notepad++ atau sublime text, bikin file baru dan paste struktur kode bootstrap berikut

[codepen_embed height=”268″ theme_id=”0″ slug_hash=”memGOm” default_tab=”result” user=”beb”]See the Pen <a href=’http://codepen.io/beb/pen/memGOm/’>Bootstrap HTML Template</a> by Belajar Web (<a href=’http://codepen.io/beb’>@beb</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

4.  Simpan dan beri nama misalkan index.html. file tersebut akan menghasilkan tampilan “Hallo, world!” pada browser kamu.

5. Bootstrap ini kan css framework, gunanya adalah memudahkan kita dalam membuat layout dengan bantuan grid. kamu bisa dengan mudah membuat beberapa komponen yang sudah disedikan oleh Bootstrap ini seperti navigasi, Dropdowns, Button groups, Button dropdowns, Input groups, Navs ,Navbar, Breadcrumbs, Pagination, Labels, Badges, Jumbotron, Page header, Thumbnails, Alerts, Progress bars, Media object, List group, Panels, Responsive embed, dll

Baca Juga:  Full Page Background Slideshow dengan JQuery

dan jalankan file index.html yang sudah dibuat tadi.

Lanjut tutorial ke Bagian 2 -> Tutorial Bootstrap untuk Pemula – Grid Layout (bagian 2)
Lanjut tutorial ke Bagian 3 -> Tutorial Bootstrap untuk Pemula – Fixed Layout (bagian 3)

Tags

tutorial bootstrap untuk pemula,cara menggunakan template bootstrap,cara membuat web dengan bootstrap,membuat website menggunakan bootstrap,belajar bootstrap pemula,cara membuat boostrap,penggunaan bootstrap pada website,cara menggunakan boo,tutorial belajar bootstrap,tutorial membuat website dengan bootstrap,cara menerapkan bootstrap,cara desain bootstrap,Contoh coding penggunaan bootstrap,cara membuat website dengan bootstrap,cara edit css bootstrap,cara buat bootstrap,langkah-langkah menggunakan bootstrap,cara pemakaian bootstrap,cara pakai bootstrap,membuat boostrap

Komentar

comments

grain storage kocaeli escort
%d bloggers like this: