close
Bootstrap

Cara menggunakan Bootstrap untuk pemula, Oke Linkers Bootstrao adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan bootstrap dengan sedikit coding CSS dan JavaScript namun Linkers tetap dapat membuat website yang powerfull dan mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat loh.Untuk cara menggunakan bootstrap silahkan simak panduannya berikut ini guys ;

  • Cara menggunakan bootstrap yang pertama. Download Bootstrap di web Bootstrap
  • Cara menggunakan bootstrap yang kedua yaitu Ekstrak dan buat struktur folder untuk web
  • Buka text editor seperti notepad++ atau sublime dan buat struktur html seperti biasa, dimana terdapat section head,title, dan body
  • Buka text editor seperti notepad++ atau sublime dan buat struktur html seperti biasa, dimana terdapat section head,title, dan body
  • Masukkan / copy-paste kode berikut diantara tag <head> </head>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<!– Bootstrap –>
<link href=”css/bootstrap.min.css” rel=”stylesheet”>
<!– HTML5 Shim and Respond.js IE8 support of HTML5 elements and mediaqueries –>
<!– WARNING: Respond.js doesn’t work if you view the page TUTORIALS POINT Simply Easy Learning via file:// –>
<!–[if lt IE 9]>
<script src=”https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js”></script>
<script src=”https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js”></script>
<![endif]–>

  • Tambahkan kode berikut diatas tag </body>

<!– jQuery (necessary for Bootstrap’s JavaScript plugins) –>
<script src=”https://code.jquery.com/jquery.js”></script>
<!– Include all compiled plugins (below), or include individual filesas needed –>
<script src=”js/bootstrap.min.js”></script>

  • Sekarang kita akan mencoba membuat tulisan diantara tag <body> dan </body>

</pre>
</div>
<div><h1><center> Hello World! </center></h1></div>
<div>

Nah sobat Linkers jika sudah mengikuti tahapan di atas kini kalian bisa jalankan file yang buat tadi sebagai contoh latihan.html yang sudah dibuat.
 
Gimana? jadi lebih keren kan? , Semoga artikel sederhana ini dapat bermanfaat buat kalian ya Linkers, dan khususnya, terpenting nih membuat Linkers makin ciamik dalam rombak-merombak website.

“THANKS FOR COMING”

Tags : BootstrapHTMLTutorialWeb DesignWebsite
Rendy Juniansyah

The author Rendy Juniansyah

Im a Publicist and Designer by passion with a taste for the meaningful and emotional. Here at LinkQuitZ, I always try to bring you only amazing content, things that mean something for me and for those around me about your inspiration.

Leave a Response