Sebelumnya apakah teman-teman sudah tau apa itu bootstrap, ya bootstrap jika kita artikan adalah sebuah framework HTML, CSS dan Javascript, dimana bootstrap ini sudah tidak asing lagi bagi kita yang sudah terjun di dunia web developer, karena dengan bootstrap kita di permudahkan, di percepat dalam membangun sebuah front-end atau tampilan depan dari sebuah website, dan disini kita akan belajar apa si hal pertama yang harus di lakukan menggunakan bootstrap, maka dari itu simak terus ya teman-teman.
Jadi ketika kita ingin menggunakan bootstrap kita harus mengikuti aturan dari bootstrap seperti ketika kita ingin menggunakan sebuah list-list, tampilan menu dropdown, kita harus mengikuti class atau id yang bootstrap pakai, walupun kita juga bisa mengedit tampilannya dengan adanya pembekalan ketika kita mempelajari sebuah HTML CSS, misal kita ingin rubah warna background menu yang kita pakai menggunakan bootstrap, dengan adanya pembekalan HTML CSS pasti kita sudah tau ketika kita ingin merubah tinggal cari classnya lalu si bootstrap menggunakan class apa, langsung saja kita cari style css dengan property background. lalu kita ganti dengan warna yang ingin kita pakai. Oke cukup sudah mengenai contohnya langsung kita masuk hal pertama yang harus di lakukan menggunakan bootstrap.
hal pertama yang harus di lakukan menggunakan bootstrap adalah masuki website bootstrapnya yaitu getbootstrap.com, lalu pilih download bootstrap yang berada di getting started. seperti gambar berikut ini:
Pilih yang download bootstrap ya teman-teman. Oiya disini saya menggunakan bootstrap versi 3.7 ya teman-teman. lalu jika sudah tinggal download saja seperti download file biasa, jika sudah teman-temam ekstrak file bootstrap tadi lalu ganti namanaya dengan nama yang teman-teman inginkan, di dalam file bootstrap tadi terdapat 3 folder lagi ya teman-teman seperti gambar berikut ini:
Dan nanti disitu kita berikan namanya file index.html karena bawaan dari sana tidak di beri index.html ya teman-teman. jika sudah teman-teman buat file indexnya lalu isi file tersebut dengan basic template yang terdapat pada website boostrap, teman-teman copy saja kode-kode di basic template:
jika sudah coba teman-teman jalankan maka akan tampil Hello, world dengan huruf besar karena di style dengan tag h1 yang terdapat pada body bootstrap yang ada di basic template.
jika sudah seperti ini berarti teman-teman sudah siap menggunkan bootstrap. teman-teman tinggal isi saja komponen-komponen di body, oke cukup jelas ya teman-teman. saya rasa cukup sekian dulu belajar kita tentang hal pertama yang harus di lakukan menggunakan bootstrap, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih