Cara menggunakan download bootstrap 5 offline

Question

# Cara menggunakan bootstrap offline ## Langkah 1 - Download Download file bootpstrap di website resminya, [disini](https://getbootstrap.com/docs/5.0/getting-started/download/) [![Screenshot-2022-08-12-10-24-43.png](https://i.postimg.cc/XvdqDDQL/Screenshot-2022-08-12-10-24-43.png)](https://postimg.cc/NyGQKbh2) ## Langkah 2 - Extract File Bootstrap.zip Pindahkan zip ke folder project kalian, misalkan di ==C:\xampp\htdocs\todolist== Kemudian extract here pada bootstrap.zip, dan ubah nama folder menjadi bootstrap50, atau sesuaikan dengan kebutuhan [![Peek-2022-08-12-10-30.gif](https://i.postimg.cc/vHxJ91XR/Peek-2022-08-12-10-30.gif)](https://postimg.cc/nCZSfh6T) ## Langkah 3 - Panggil ke dalam file html Panggil file bootstrap.css ke dalam file html kita dengan script berikut ```html```

Table of Contents Show

Bagaimana menggunakan bootstrap secara offline?
Berapakah versi bootstrap sekarang?
Apa yang baru di bootstrap 5?
Apa itu bootstrap 5?

Bootstrap adalah sebuah framework css yang dapat digunakan untuk mempermudah membangun tampilan web sehingga dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Bootstrap saat ini sudah pada versi 3.3.6 dan sebentar lagi akan di luncurkan versi terbarunya yaitu Bootstrap 4.0.

Install Master Bootstrap Offline Terbaru
Iseng-iseng mencoba paket bootstrap versi offline akhirnya bisa juga dan lumayan bisa tambah ilmu serta bisa baca-baca artikel-artikel yang ada didalamnya secara offline. Nah Jika anda berniat untuk memiliki site bootstrap dokumentasi secara offline mungkin tutorial yang akan saya berikan ini akan membantu anda.

Syarat Install Master Bootstrap Offline Terbaru
Untuk bisa terinstall bootstrap secara offline, ada beberapa tool/aplikasi yang harus diperlukan, yaitu :

Paket Bootstrap terbaru, download disini
Aplikasi RailsInstaller, download disini

Selanjutnya ikuti langkah demi langkah seperti dibawah ini :

Langkah #1 : Install terlebih dahulu aplikasi RailsInstaller.

Langkah #2: Pastikan "Add Executables for Ruby, .... " di list lanjutkan "Install"

Langkah #3 : Tunggu sampai tampilan dibawah ini. (tampilan ini muncul apabila pada tahap sebelumnya opsi "Install Git (recomended)" di ceklist). Masukan Username dan password Github anda. Untuk cara register Github akan kita bahas dilain artikel.

Langkah #4: Jika selesai maka window command akan menampilkan command C:\Sites. selanjutnya ketikan perintah yang setiap baris perintah diakhiri menekan enter.

cd\ 
cd RailsInstaller
cd Ruby2.2.0
cd bin

Maka command di posisi :

C:\RailsInstaller\Ruby2.2.0\bin

Lanjutkan dengan memulai proses install

C:\RailsInstaller\Ruby2.2.0\bin

0. Untuk proses ini komputer anda harus terkoneksi internet.

C:\RailsInstaller\Ruby2.2.0\bin>gem install jekyll

Langkah #5: Ijinkan aplikasi ini untuk dapat diakses yang di block oleh Windows Firewall dengan meng list opsi "public network, such as those in ........ " lanjutkan klik tombol "allow Access"

Langkah #6: Jika selesai, lanjutkan install "wdm" dengan perintah:

C:\RailsInstaller\Ruby2.2.0\bin>gem install wdm -v 0.1.1

Langkah #7: Selanjutnya, jalan perintah CHCP :

C:\RailsInstaller\Ruby2.2.0\bin>chcp 65001

Langkah #8: Sampai disini, tutup command dengan perintah

C:\RailsInstaller\Ruby2.2.0\bin

1.
Langkah #9: Ekstrak Paket Bootstrap hasil download, dan copykan ke folder C:\Sites. Sehingga terlihat seperti dibawah ini :

C:\Sites\bootstrap-3.3.6

Langkah #10: Buka Command kembali, ingat bukan command bawaan windows tapi command hasil install RailsInstaller yaitu "Command Prompt with Ruby and Rails" melalui kotak "Search". Caranya lihat gambar seperti dibawah ini :

Langkah #11: Jika sudah, masuk ke folder bootstrap dengan perintah :

cd bootstrap-3.3.6

lanjutkan dengan menjalankan local server dengan perintah :

jekyll serve --incremental

Cara Mudah Install Master Bootstrap Offline Terbaru
Lihat gambar diatas, local server sudah running dengan alamat address

C:\RailsInstaller\Ruby2.2.0\bin

3, untuk mengujinya buka web browser anda dan ketikan alamat address

C:\RailsInstaller\Ruby2.2.0\bin

4, maka terlihat halaman dokumentasi bootstrap telah terinstalldan bisa dinikmati dengan gratis.

Baca juga : Jadikan tampilan Blog anda dengan Google Font Effect

Catatan!

Pada langkah #9 sesuaikan versi paket bootstrap yang anda download.
Alamat address local host berbeda-beda pada masing-masing komputer.
Untuk keluar (off) dari local server dengan cara menekan tombol [CTRL + C].
Untuk menjalankan bootstrap offline diatas, tidak diperlukan koneksi internet serta tidak memerlukan local server (localhost) lainnya seperti xampp atau wamp.

Mungkin cukup sekian, lebih lanjut silahkan dicoba dan bila menemukan masalah bisa kita diskusikan melalui kotak komentar.

Bagaimana menggunakan bootstrap secara offline?

Dan berikut cara menginstal Bootstrap secara Offline..

Download terlebih dahulu file bootstrap melalui laman resminya. ... .

Selanjutnya bukalah teks editor Anda. ... .

Kemudian klik menu File yang ada di bagian toolbar aplikasi Sublime. ... .

Selanjutnya simpanlah file tersebut dengan cara klik menu File lalu pilih menu Save..

Berapakah versi bootstrap sekarang?

Bootstrap 5 adalah versi terbaru Bootstrap yang resmi dirilis pada tanggal 5 Mei 2021. Pada versi ini, beberapa komponen mendapat update agar mempermudah developer saat proses pengembangan website.

Apa yang baru di bootstrap 5?

Untuk lebih jelasnya mari kita bahas, apa saja perubahan yang terjadi..

Desain Dan Tampilan Baru. Bootstrap 5 mengubah desain logonya menjadi lebih fresh, serta desain web dokumentasinya. ... .

2. Tidak Lagi Menggunakan jQuery. ... .

Peningkatan Pada Fitur Customization. ... .

Perubahan Pada Desain Form. ... .

Sistem Grid Yang Ditingkatkan..

Apa itu bootstrap 5?

Tentang Kelas. Bootstrap adalah sebuah framework yang paling populer digunakan untuk membuat sebuah website. Bootstrap membuat front-end developer dapat membuat website dengan cepat, fokus pada responsive mobile, dan membuat website menjadi lebih interaktif tanpa membuat banyak CSS dan JavaScript dari nol.

kode bootstrap