Untuk seorang pemula seperti saya, mempelajari Framework CSS Bootstrap cukup rumit. Hal ini disebabkan beberapa faktor berikut :

1. Bootstrap memiliki fitur yang sangat banyak, class pada cssnya juga banyak sehingga cukup menguras pikiran karena kita harus menghapalnya satu-persatu.

2. Setiap pergantian/peng-upgrade-an versi pada bootstrap seringkali mengalami perubahan yang banyak sehingga mengharuskan kita untuk mempelajarinya ulang.

3. Secara resminya, belajar atau mengeksplorasi dokumentasi bootstrap hanya bisa kita lakukan secara online di website officialnya yaitu http://getbootstrap.com. Memang, ada juga dokumentasi di file bootstrap yang kita downloadnya. Namun, tidak tahu kenapa, dokumentasinya tidak bisa diakses secara normal seperti di internet. Tampilannya tidak ada cssnya dan banyak error.

Bagi saya, poin 1 dan 2 bukanlah sebuah masalah karena itu memang resiko untuk mendapatkan hasil yang powerfull. Namun, jika setiap belajarnya harus dilakukan secara online, itu membuat saya malas karena jaringan internet yang kadang-kadang tidak memadai dan juga banyaknya godaan mengunjungi situs lain jika online. Jadi, saya tidak bisa fokus. Nah, karena itulah saya mulai mencari cara agar bisa belajar bootstrap secara offline. Saya mulai mencari software maupun tools untuk di download.

Akhirnya, setelah mencari sana sini, sekarang saya sudah mendapatkannya.

Dokumentasi Offline Bootstrap 2.3.2

Pertama, saya hanya menemukan dokumentasi offline untuk bootstrap 2.3.2 yang berbentuk ekstensi browser google chrome. Kabar baiknya, ekstensi ini dibuat oleh orang indonesia. Dan bisa di bilang ini satu-satunya dokumentasi bootstrap 2.3.2 offline yang ada karena saya hanya menemukan itu setiap searching di google.

Untuk lebih lengkapnya, anda bisa melihat detail ekstensinya disini atau langsung menuju ke website pembuatnya yaitu http://titiskaifa.me.

Dokumentasi Offline Bootstrap 3.0.0

Merasa bahwa Bootstrap 2.3.2 mulai ditinggalkan karena ada yang baru yaitu Bootstrap 3.0.0, saya mulai mencari dokumentasi offline untuk Bootstrap 3.0.0 ini. Yang ini lebih sulit ditemukan daripada dokumentasi offline Bootstrap 2.3.2. Namun, setelah mencari sana-sini, akhirnya ditemukan juga.

Dokumentasi offline Boostrap 3.0.0 berbentuk aplikasi web yang sama dengan dokumentasi onlinenya. Hanya saja ini sudah dijadikan aplikasi untuk lokal/offline. Cara mengaksesnya, seperti pada umumnya yaitu diekstrak dulu, lalu di simpan di folder htdocs (jika memakai xampp) atau folder www (jika memakai appserv) lalu dibuka lewat localhost.

Setelah itu buka cari file zip bootstrap 4 hasil downloadan kalian tadi dan pindahkan ke folder htdocs bagi kalian yang menggunakan xampp.

Baca Juga : Cara install xampp

Ekstrak file zip boostrap 4 setelah itu rubah / rename nama foldernya menjadi assets untuk mempermudah pemanggilan file css dan js nya.

Setelah itu kita perlu mendownload jquery melalui link berikut ini download jquery versi 3.5.1 . Copykan scribt tersebut kedalam folder assets/bootstrap-4.6.0-dist/js/ beri nama filenya dengan nama jquery.min.js .

Cara menggunakan bootstrap offline dapat dimulai dengan membuat file html baru di dalam folder htdocs kalian kemudian copykan scribt berikut ini kedalamnya.

  
    
    
    

    
    

    Hello, world!
  
  
    
Hello, world!
    
    
    
    
  

Sekian artikel dari saya kali ini mengenai cara menggunakan bootstrap 4 offline jangan lupa baca artikel saya yang lainya.

Bootstrap menjadi salah satu framework HTML, CSS dan javascript yang populer serta banyak digunakan oleh web developer. Bootstrap memberikan kemudahan kepada web developer. Di samping itu Bootstrap juga sangat cepat, sebab kita hanya perlu menambahkan class-class tertentu untuk membuat suatu elemen, seperti tombol, navigasi, grid dan lain sebagainya.

Kelebihan Bootstrap

Ada beberapa kelebihan dari Bootstrap yang membuatnya diminati banyak orang. Berikut adalah beberapa keunggulan bootstrap:

• Pemakaian bootstrap lebih hemat waktu
• Tampilan bootstrap tampak modern
• Tampilan bootstrap juga mobile friendly, artinya bootstrap mempunyai tampilan yang responsif untuk semua perangkat, baik PC, smartphone maupun tablet
• Sangat ringan, sebab bootstrap dibuat dengan sangat terstruktur

Baca juga: Cara Menggunakan Font Awesome

Cara Menggunakan Bootstrap

Berikutnya kita bahas bagaimana cara menggunakan Bootstrap pada suatu website. Sebelum mulai, pastikan Anda telah mengunduh dan melakukan instalasi Bootstrap. Anda bisa mendownload Bootstrap pada situs resminya di http://getbootstrap.com/getting-started/.

Bootstrap terbaru yang tersedia di website resminya adalah versi 4.5.2. Sebelum mengunduh Bootstrap nantinya Anda bisa menentukan sendiri atau melakukan kustomisasi sesuai dengan keinginan. Adapun struktur isi Bootstrap terbaru adalah sebagai berikut:

bootstrap/

├── css/

│   ├── bootstrap.css

│   ├── bootstrap.css.map

│   ├── bootstrap.min.css

│   ├── bootstrap.min.css.map

│   ├── bootstrap–theme.css

│   ├── bootstrap–theme.css.map

│   ├── bootstrap–theme.min.css

│   └── bootstrap–theme.min.css.map

├── js/

│   ├── bootstrap.js

│   └── bootstrap.min.js

└── fonts/

    ├── glyphicons–halflings–regular.eot

    ├── glyphicons–halflings–regular.svg

    ├── glyphicons–halflings–regular.ttf

    ├── glyphicons–halflings–regular.woff

    └── glyphicons–halflings–regular.woff2

Instalasi Bootstrap

Install Bootstrap dengan npm, composer dan bower

Tahap berikutnya adalah melakukan instalasi Bootstrap. Cara install Bootstrap ada beberapa macam. Kita bisa melakukan instalasi dengan composer, bower, ataupun dengan npm. Selain itu kita juga bisa menginstal Bootstrap secara online ataupun offline.

Bagaimana menggunakan bootstrap secara offline?

Bagaimana cara mendownload bootstrap?

Apakah bootstrap Library?

Apa yg dimaksud bootstrap?