Cara Menggunakan Framework Bootstrap - Framework CSS yang cukup responsive salah satunya ialah Framework Twitter Bootstrap.
Pertama-tama eksklusif Download Bootstrap New Version pada Official Website.
Unduh original file yang tanpa dokumentasi (recommended).
Setelah itu Unduh JQuery, Copy All, buat file dengan Notepad++ kemudian beri nama "jquery.min.js".
Setelah final di unduh > 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 ibarat ini :
Setelah itu buat index.html di dalam Folder Bootstrap, langkah selanjutnya kita akan memanfaatkan Framework Bootstrap.
Kunjugi Official Website LayoutIt!, sehabis itu pilih Start Now with Bootrsrap 3.
Silahkan lakukan editing pada layout yang diinginkan, sehabis itu unduh 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 daerah Layout Bootstrap --> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
Selanjutnya kembali ke LayoutIt!, kalau tidak ingin login klik Continue non logged.
Setelah itu Copy kemudian Paste Source Code yang didapatkan dari LayotuIt!, tempatkan diantara body untuk layout yang kita lakukan editing.
Untuk lebih gampang pemahaman, kita lakukan Copy All saja dan tempatkan pada index.html yang kita buat tadi.
Setelah itu save dan kanal di localhost/Bootstrap.
Notes : JQuery merupakan library yang harus terdapat dalam CSS Bootstrap untuk melaksanakan suatu sanksi tertentu.
Sekian tutotial Cara Menggunakan Framework Bootstrap, biar bermanfaat.
Sumber http://www.materi-it.com/
Komentar
Posting Komentar