Assalamu'alaikum, selamat malam teman-teman..
Setelah beberapa tutorial singkat yang saya buat sebelumnya, sekarang saya akan membagikan sedikit tahapan untuk menggunakan bootstrap pada codeigniter. Untuk langkah awal download terlebih dahulu bootstrapnya, disini saya masih menggunakan bootstrap 3 dan kalian bisa download disini.
Simak baik-baik langkah demi langkah yang akan saya jelaskan dibawah ini:
- Buatlah folder baru di direktori folder web server anda, disini kita ambil contoh dengan project sebelumnya, yaitu didalam folder "belajar". Buatlah folder baru dengan nama "assets", nama folder bisa kalian pilih sesuai keinginan kalian sendiri, disini saya hanya memberikan contoh agar mudah dipahami.
- Selanjutnya ekstrak file bootstrap yang telah di download sebelumnya kedalam folder "assets" tersebut. Sehingga didalam folder tersebut terdapat 3(tiga) folder, yaitu "css, js, dan fonts".
- Langkah selanjutnya kita akan merubah base_url untuk me-load file bootstrap tadi, buka file "config.php" yang berada didalam folder "C:\xampp\htdocs\belajar\application\config".
- Cari baris yang terdapat kode "$config['base_url'] =' ';".
- Isilah nilai yang kosong tersebut dengan "$config['base_url'] = 'http://localhost/belajar/';".
- Jika sudah kalian save konfigurasi tersebut, sekarang saatnya kita membuat sebuah function baru di controllers kalian, disini kita menggunakan controllers yang sudah pernah kita buat, yaitu "Latihan.php".
- Buatlah function dengan nama "view_bootstrap" untuk menampilkan tampilan dengan bootstrap.
- Selanjutnya kita buat file baru didalam folder views dengan nama "halaman_bootstrap.php". Didalam file tersebutlah kita membuat tampilan yang menggunakan bootstrap.
- Perhatikan baik-baik baris yang saya tandai diatas, terdapat "<?php print base_url();?>" yang berfungsi untuk menampilkan nilai dari config['base_url'] yang telah kita rubah sebelumnya.
- Cobalah akses halaman tersebut untuk melihat hasilnya, jika sudah menampilkan tampilan seperti gambar dibawah ini, berarti anda sudah berhasil.
Ok, selamat mencoba. Semoga berhasil.
Wassalaam..
Tidak ada komentar:
Posting Komentar