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>
<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 media queries --> <!-- 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]-->6. 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 files as needed --> <script src="js/bootstrap.min.js"></script>7. Sekarang kita akan mencoba membuat tulisan diantara tag <body> dan </body>
</pre> </div> <div> 1 <h1><center>Hello World!</center></h1></div> <div>
Gimana? jadi lebih keren kan?
No comments:
Post a Comment