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:  Mengatasi Masalah RewriteEngine Error di .htaccess Localhost

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,cara menggunakan boo,tutorial belajar bootstrap,cara membuat boostrap,cara membuat website dengan bootstrap,Cara download bootstrap,cara desain bootstrap,tutorial membuat web dengan bootstrap,buat web dengan bootstrap,cara membuat html dengan bootstrap,cara pemakaian bootstrap,cara bijin web design serta database menggunakan bootstrap,Cara buat html bootstrap,cara buat website pake boostrap,belajar membuat web dengan bootstrap,belajar css bootsrap,belajar bootstrap studio

Komentar

comments

grain storage kocaeli escort
%d bloggers like this: