Sabtu, 12 Mei 2018

Pengertian Tentang Apa Itu Bootstrap Framework

Tidak ada komentar :
Pengertian bootstrap dan cara memasang bootstrap pada website

Apa itu Bootstrap.? 

Bootsrap adalah suatu framework front-end yang berisi kode html dan css yang membentuk suatu kesatuan yang berisi beberapa komponen komponen class interface yang dapat digunakan secara bersamaan. Selain itu terdapat pula komponen efek javascript yang dibangun menggunakan jquery.

Jadi dengan kata lain jika kalian ingin membangun sebuah website responsive dalam berbagai bentuk display screen maka bootstrap sangat perlu digunakan. Bootstrap juga sangat membantu pekerjaan kalian sebagai develop front-end dalam membangun sebuah website statis. Jika kita menggunakan bootstrap dalam membentuk framework / kerangka website kita hanya cukup memanggil beberapa class yang telah disediakan oleh bootstrap tanpa harus mengetik script coding css nya lagi. Jika menggunakan bootstrap maka website kalian akan dipastikan rapih dan cantik jika benar dalam penggunaannya.

Hampir semua programmer front-end website menggunakan bootstrap dalam membuat kerangka template websitenya. Karena dapat mempersingkat waktu pengerjaan dibandingkan harus mengetik dari awal script coding class css untuk membuat website kalian terlihat responsive di beberapa media.

Cara Penggunaan Bootstrap 

Untuk memulai membuat template website menggunakan bootstrap maka kita harus mendownload terlebih dahulu file bootstrapnya. Untuk mendapatkan file bootstrapnya bisa kunjung website resminya di https://getbootstrap.com/ atau untuk mendownload file bootstrap bisa klik disini.

Jika sudah download maka hasil downloadan akan berbentuk file rar, extract terlebih dahulu file rar/zipnya. Jika sudah maka akan terdapat 3 file didalam folder hasil extract tadi, copy semua ketiga file tersebut kemudian paste di dalam folder project website yang akan kalian buat.

Jika sudah di copy pada file project website yang akan dibangun, selanjutnya kita membuat file html sebagai index awal website kalian. Buka aplikasi script editor yang kalian gunakan, disini saya menggunakan sublime text v3.0. Copy kan file dibawah ini kemudian masukan kedalam file index.html kalian untuk basic template responsive kalian.


Kemudian save file index yang kita buat ini di dalam folder file project website kita bersamaan 3 folder bootstrap tadi. Jika kalian bingung lihat gambar dibawah ini.

Cara Instal Bootstrap kedalam webstie

Untuk pembuktian silakan buka file index.html kalian di dalam browser kalian, lihat tampilan website kalian. Dengan begitu proses instalasi bootstrap sudah benar tinggal melanjutkan membuat halaman index websitenya menggunakan bootstrap sesuai dengan keinginan kalian.

Baca Juga
- Mengenal daftar komponen pada bootstrap
- Penjelasan Fitur Baru Google Adsense Auto Ads

Tidak ada komentar :

Posting Komentar