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:  Membuat Plugin Google +1

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,belajar cepat boot,cara menggunan boostreap,belajar bootstrap 3,login dengan bootsstrap,cara membuat bootstrap ci,membuat bootstrap sendiri,cara membuat boostrap,tutorial menggunakan bootstrap studio,cara install bootstrap di xampp,cara buat website dengan bootstrap,cara buat bootstap statis,cara boostrap,cara bikin template web,cara belajar bootstrap,bootstrap studio tutorial,belajar design dengan biitstap,belajar bosstrap

Komentar

comments

grain storage kocaeli escort
%d bloggers like this: