Cara Menggunakan Bootstrap Untuk Pemula - Review Gadget Terbaru Fajar Nugraha Wahyu

Breaking

Saturday 26 September 2015

Cara Menggunakan Bootstrap Untuk Pemula


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. Cara menggunakan bootstrap yang kedua yaitu Ekstrak dan buat struktur folder untuk web.
3. Buka text editor seperti notepad++ atau sublime dan buat struktur html seperti biasa, dimana terdapat section head,title, dan body.
4. Klik Simpan(CTRL+S) lalu tempatkan di file bootstrap yang sudah di ektrak tadi. beri nama
misalkan index.html
5. Masukkan kode berikut diantara tag <head> </head>
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;!-- Bootstrap --&gt;
&lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media
queries --&gt;
&lt;!-- WARNING: Respond.js doesn't work if you view the page
TUTORIALS POINT
Simply Easy Learning
via file:// --&gt;
&lt;!--[if lt IE 9]&gt;
&lt;script src=&quot;https://oss.maxcdn.com/libs/html5shiv/3.7.0/
html5shiv.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://oss.maxcdn.com/libs/respond.js/1.3.0/
respond.min.js&quot;&gt;&lt;/script&gt;
&lt;![endif]--&gt;
6. Tambahkan kode berikut diatas tag </body>
&lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
&lt;script src=&quot;https://code.jquery.com/jquery.js&quot;&gt;&lt;/script&gt;
&lt;!-- Include all compiled plugins (below), or include individual files
as needed --&gt;
&lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
7. Sekarang kita akan mencoba membuat tulisan diantara tag <body> dan </body>
&lt;/pre&gt;
&lt;/div&gt;
&lt;div&gt; 1 &lt;h1&gt;&lt;center&gt;Hello World!&lt;/center&gt;&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;
dan jalankan file latihan.html yang sudah dibuat tadi.
Gimana? jadi lebih keren kan?

No comments:

Post a Comment