Saat kita membuat aplikasi, kita ingin supaya pemakai merasa nyaman dalam menjalankan aplikasi kita. Salah satu kenyamanan adalah tata letak dan disain yang baik. Begitu juga dalam mengembangkan aplikasi berbasis web, kita tentu ingin membuat tampilan yang memberikan kenyamanan bagi pemakainya. Berbicara mengenai tampilan web, kita pasti mengetahui Bootstrap suatu framework terkait user interface.
Dalam mengatur tampilan dengan Bootstrap tentu kita melakukan setting-setting untuk membuat menarik. Dalam bootstrap ini, kalau kita langsung mengedit ke file CSSnya akan lebih banyak berpikir. Bootstrap sudah menyediakan tool untuk melakukan kustomisasi secara mudah.
Langkah-langkah kustomisasi Bootstrap adalah seperti penjelasan berikut ini:
- Masuk ke http://getbootstrap.com/customize/ .
-
Pilih komponen yang mau diedit CSSnya misalnya dalam Navbar seperti gambar berikut ini:
- Lakukan kustomisasi CSS ke komponen lain dan kalau sudah siap silahkan download seperti gambar berikut ini:
Silahkan ekstrak hasil kustomisasi ini ke folder proyek anda. - Mungkin tampilan yang didapatkan belum sesuai, kita tentu ingin mengedit dengan konfigurasi sebelumnya. Silahkan cari file config.json anda dan upload kembali, maka konfigurasi kustomisasi akan sama seperti yang telah kita kustomisasi. Proses uploadnya dapat dilihat seperti gambar berikut ini:
Selanjutnya kita dapat mengedit, download dan ekstrak, demikian dan seterusnya.
Kunjungi www.proweb.co.id untuk menambah wawasan anda.