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:  Percantik Form Pencarian dengan CSS

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,tutorial membuat web dengan bootstrap,cara membuat boots,cara pakai boostrap,web menggunakan bootstrap,buat website pake bootstrap,Cara menggunakan template boo,cara menggunakan css botstrap,cara menggunakan css bootstrap,belajar bootstrap pemula,cara membuat desain web beranda css dengan bantuan bootstrap,buat web di dreamwaver pakai bootstrap,cara memakai template bootstrap,cara kerja bootstrap,cara edit template bootstrap,Buat web pake botstrape 2,cara buat template php dengan admin bootstrap,cara buat blog sendiri dengan bootstrap

Komentar

comments

grain storage kocaeli escort
%d bloggers like this: