Apa yang dapat kita buat dengan Bootstrap ini ? biasanya para web desainer membuat websitenya dengan bootstrap sebagai desain tampilannya, diantaranya untuk membuat Wordpress Theme dan CMS lainnya maupun Framework Php seperti CodeIgniter.
http://getbootstrap.com/
 |
| http://getbootstrap.com/ |
Pertama kamu download Xampp disini, https://www.apachefriends.org/download.html
Kemudian kamu install xampnnya, nah saat install xampp ini dia meminta folder di c sebagai penyimpanan project kamu.
extrak file bootstrap di folder C\:Xampp/htdoc
Jalankan Xampp control panel
Kamu juga jangan lupa install Text Editornya, seperti Notepad ++ atau Sublime text,
Buka sublime nya, Tekan tombol File >> Open Folder
Pilih Folder Framework Bootstrap yang kamu ekstrak tadi.
Dalam gambar diatas itu adalah Folder dari Bootstrap, yang kamu lakukan adalah
Klik kanan pada nama Folder Bootstrap di panel sebelah kiri sublime, new file, Save dengan nama index.html
Silahkan kamu buat File htmlnya, untuk ketentuan dan source kode Html kamu bisa mengambilnya di Website Bootstrap tadi.
Lebih jelas kamu lihat gambar disini,
disana tersedia secara lengkap dan tersusun komponen komponen html bootstrap, kamu tinggal copy kan.
Lalu kamu nanya gimana cara includin CSS pada HTML si index.html itu ?
Jawabannya tuliskan kode
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
di dalam <head> </head>
untuk custom CSS kamu dapat membuat file style.css didalam folder css.
Selanjutnya selamat ngoding
Untuk membuatnya menjadi theme wordpress, tunggu update selanjutnya ya.
lagi belajar juga ini :) hehe semoga lancar
ReplyDeleteWisata ke Dieng yukk
klik Paket Wisata Dieng
dan dapatkan penawaran terbaik dari Paket Wisata Dieng