Tutorial Menggunakan Bootstrap Secara OffLine di Linux

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

1. PC/Laptop
2. File bootstrap, bisa didownload disini

CARA

1. Pastikan di PC/Laptop kita sudah terinstall LAMPP  SERVER
2. Download file bootstrap dan extract isinya
3. Rename folder "bootstrap-3.3.7-dist" menjadi "bootstrap" tanpa tanda petik
4. 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
5. Buka terminal (CTRL+ALT+T) lalu ketikan perintah dibawah ini 

6. sudo caja

7. Masukan password, akan muncul jendela explorer sebagai root(as superuser) seperti dibawah ini
8.  
   
9. Copy paste folder bootstrap yang tadi kita download ke /var/www/html melalui explorer root(as superuser)
10. 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
11. Klik kanan pada folder www dan pilih open in terminal
12. Ketikan perintah berikut untuk mengetahui folder apa saja yang ada dalam folder www

13. ls

14. Ketikan perintah berikut untuk memberi hak akses pada folder bootstrap

15. chown -R www-data:www-data bootstrap/

16. 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 :

1. Isi dari properti href dan src diatas tergantung dimana tempat penyimpanan file bootstrap.
2. 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"
3. Isi dari blablabla diatas adalah tempat/folder file bootstrapnya
4. 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.

• Kesimpulan  

Dengan cara diatas kita dapat menggunakan bootstrap secara offline tanpa koneksi internet.

Referensi :
Pengalaman sendiri dibantu oleh Bima Zainudin Ihksan 

Wassalamu'alaikum Wr. Wb