Posted by Materi Teknik Informatika • Informasi Teknologi Informasi • Digital Marketing on 5/30/2015
Download original file yang tanpa dokumentasi (recommended).
Setelah itu
Download JQuery,
Copy All, buat file dengan
Notepad++ lalu beri nama "
jquery.min.js".
Setelah selesai di download > Ectract file > buat folder di HTDOCTS > Folder dengan nama "Bootstrap" > Copy Paste isi Extract file "css", 'fonts", "js" ke dalam Folder "Bootstrap".
Notes : Jangan lupa memasukan file "jquery.min.js" ke dalam folder "js".
Hasilnya akan seperti ini :
Setelah itu buat index.html di dalam Folder Bootstrap, langkah selanjutnya kita akan memanfaatkan Framework Bootstrap.
Silahkan lakukan editing pada layout yang diinginkan, setelah itu download Source Code Layout.
Sebelumnya dalam index.html yang sudah kita buat, isinkan code berikut untuk memanggil CSS Boostrap.
<html>
<head>
<title>Bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet"></link>
</head>
<body>
<!-- Disini tempat Layout Bootstrap -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Selanjutnya kembali ke LayoutIt!, bila tidak ingin login klik Continue non logged.
Setelah itu Copy lalu Paste Source Code yang didapatkan dari LayotuIt!, tempatkan diantara body untuk layout yang kita lakukan editing.
Untuk lebih mudah pemahaman, kita lakukan Copy All saja dan tempatkan pada index.html yang kita buat tadi.
Setelah itu save dan akses di localhost/Bootstrap.
Notes : JQuery merupakan library yang harus terdapat dalam CSS Bootstrap untuk melakukan suatu eksekusi tertentu.
