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:  Pure, CSS Module dari Yahoo!

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 tampilan web dengan boostrap,cara edit css bootstrap,boostrap adalah,cara menggunakan bootstrap 3,cara buat bootstrap,cara menngunakan bootstrap,Cara menggunakan dan instal bootstrap 4 pada dreamweaver,cara menggunakan bootstrap netbeans,cara menggunakan bootstrap di sublimetext php,Cara menggunakan aplikasi bootstrap studio 2,cara mengedit template bootstrap,cara memodifikasi template bootstrap,cara bikin wab aplikasi bostrep,cara membuat menu menggunakan bootstrap,cara membuat layout dengan mudah menggunakan bootsrtap,cara memasang template bootstrap di wordpress,cara edit layout bootstrap

Komentar

comments

grain storage kocaeli escort
%d bloggers like this: