Cara Memasang Template Bootstrap di Codeigniter

Cara Memasang Template Bootstrap di Codeigniter

Diposting pada

Cara Memasang Template Bootstrap di Codeigniter – Pada tutorial Codeigniter kali ini saya akan membahas Cara Memasang Bootstrap di Codeigniter. Bootstrap adalah salah satu framework Html dan Css terbaik, dimana didalam filenya sudah ada jQuery yaitu framework JavaScript. Banyak para web designer yang menggunakan framework Bootstrap untuk membuat tampilan website yang elegan dan menarik. Menurut Wapplyzer.com ,Tercatat 1.126.686 website menggunakan Bootstrap pada tanggal 26 April 2016.

Sekarang ini banyak sekali template/thema website yang dibuat oleh web designer baik yang berbayar atu gratis. Berdasarkan hal tersebut, sekarang ini banyak sekali orang yang menggabungkan framework ci dan bootstrap untuk membuat tampilan websitenya. Jika kalian ingin membuat website dengan framework ci dan bootstrap silahkan baca artikel di bawah ini.

Cara Memasang Template Bootstrap di Codeigniter

Cara Memasang Template Bootstrap di Codeigniter

A. Persiapan Memasang Bootstrap di Codeigniter

1. Download framework codeigniter di situs resminya atau kalian bisa mendoownloadnya disini. Setelah kalian download framework tersebut, silahkan ekstrak framework codeigniter. Buat project codeigniter baru dengan nama terserah kalian, kali ini saya membuat project Codeigniter dengan nama Androidunik. Pindah hasil ekstrak framework codeigniter kedalam folder yang tadi sudah dibuat.

Cara Memasang Template Bootstrap di Codeigniter

2. Setelah itu, download template Bootstrap di situs resminya atau kalian juga bisa mendownloadnya disini. Setelah kalian download ekstrak file tersebut, buat folder baru di folder root project Codeigniter kalian dengan nama assets, kemudian pindah hasil ekstrak bootstrap ke folder assets yang ada di root project codeigniter.

Cara Memasang Template Bootstrap di Codeigniter

gambar di bawah adalah ganbar dari isi folder assets (Hasil ekstrak file bootstrap).

Cara Memasang Template Bootstrap di Codeigniter

Nah, saya rasa cukup untuk persiapan memasang bootstrap ke dalam framework codeigniter. Sekarang kita tinggal mengatur agar css dan javascript dari bootstrap bisa di panggil di framework codeigniter. Berikut adalah Cara Memanggil Css dan Javascript Bootstrap ke Dalam Framework Codeigniter.

B. Cara Memanggil Css dan Javascript Bootstrap ke Dalam Framework Codeigniter

1. Buka file config.php pada framework codeigniter yang berada di folder Application/config/config.php. setting base_url dengan url project kalian, disini project saya adalah androidunik maka settingan base_url saya adalah

2. Setelah kalian mengatur base_url yang berada di config.php, sekarang kita harus mengatur file autoload.php yang berada pada folder Application/config/autoload.php. Cari settingan helper nya menjadi seperti di bawah ini.

Setelah kalian sudah melakukan setingan dasar di atas, sekarang kita tinggal membuat file controller baru dengan nama C_bootstrap.php, kemudian kita buat function bootstrap di controller yang sudah tadi buat, lebih tepatnya pada folder Application/controller/C_bootstrap.php.

Setelah itu kira buat view (tampilan) dengan nama V_bootstrap.php, buat file tersebut pada folder Application/view/. Isi file tersebut dengan script seperti di bawah ini.

Jika sudah sekarang kita tinggal mencoba hasil script di atas. Buka alamat “http://localhost/androidunik/index.php/C_bootstrap/bootstrap” maka akan muncul tampilan seperti di bawah ini.

Cara Memasang Template Bootstrap di Codeigniter

Jika muncul tampilan seperti di atas bisa di pastikan kalian sudah selsesai. Nah, itulah Cara Memasang Template Bootstrap di Codeigniter, jika kalian masih bingun kalian bisa menulis pertanyaan kalian di kolom komentar. Share artikel ini di akun media sosial kalian.

Gambar Gravatar
Seorang Blogger Newbie yang ingin terus belajar dalam dunia Blogger dan framework Codeigniter