MENGGUNAKAN BOOTSTRAP SECARA OFFLINE
Assalamu'alaikum Wr. Wb
Hai sobat semua, terima kasih sudah mengunjungi blog saya. Pada kesempatan kali ini saya akan share tutorial menggunakan bootstrap secara offline. Cara ini digunakan supaya disaat kita ingin menggunakan bootstrap tapi tidak ada koneksi internet, jadi kita bisa menggunakan bootstrap secara local dikomputer kita tanpa harus terhubung ke internet.
Langsung saja...
ALAT DAN BAHAN
- PC/Laptop
- File bootstrap, bisa didownload disini
CARA
- Pastikan di PC/Laptop kita sudah terinstall LAMPP SERVER
- Download file bootstrap dan extract isinya
- Rename folder "bootstrap-3.3.7-dist" menjadi "bootstrap" tanpa tanda petik
- Copy folder bootstrap tadi ke /var/www/html dengan cara dibawah ini, karena jika dengan menggunakan explorer biasa tanpa akses root(superuser) kita tidak bisa sembarangan copy paste file yang berada pada direktory file sistem
- Buka terminal (CTRL+ALT+T) lalu ketikan perintah dibawah ini
sudo caja
- Masukan password, akan muncul jendela explorer sebagai root(as superuser) seperti dibawah ini
-
- Copy paste folder bootstrap yang tadi kita download ke /var/www/html melalui explorer root(as superuser)
- Pada tahap ini belum selesai, karena jika kita ingin mengakses folder tadi harus mempunyai hak akses. Untuk memberikan hak akses bisa mengikuti langkah-langkah dibawah ini
- Klik kanan pada folder www dan pilih open in terminal
- Ketikan perintah berikut untuk mengetahui folder apa saja yang ada dalam folder www
ls
- Ketikan perintah berikut untuk memberi hak akses pada folder bootstrap
chown -R www-data:www-data bootstrap/
- Pada tahap ini kita sudah bisa mengakses folder bootstrap agar bisa dipanggil melalui localhost saat kita ingin menggunakannya
Untuk cara menggunakannya cukup mudah, kita hanya perlu mengubah alamat yang terdapat pada tag <link> dan <script> pada dokumen HTML nya.
Contoh :
Penjelasan contoh diatas :
- Isi dari properti href dan src diatas tergantung dimana tempat penyimpanan file bootstrap.
- Sebagai contoh diatas file nya saya simpan di /var/www/html/TutorialBootstrap/Mulai, sedangkan file bootstrap berada di /var/www/html/bootstrap, jadi untuk memanggil file yang ada dibootstrap kita harus kembali 1 tingkat ke folder /html dengan cara "../bootstrap/blablabla"
- Isi dari blablabla diatas adalah tempat/folder file bootstrapnya
- Untuk bisa menjalankan file/dokumen tsb kita harus menyimpannya dengan ekstensi .php dan membukanya melalui localhost
Silakan dicoba sendiri sobat, apabila ada pertanyaan silakan tinggalkan jejak dikolom komentar. Terima kasih.
Dengan cara diatas kita dapat menggunakan bootstrap secara offline tanpa koneksi internet.
Referensi :
Pengalaman sendiri dibantu oleh
Bima Zainudin Ihksan
Wassalamu'alaikum Wr. Wb