Cara Memasang Bootstrap di Codeigniter

Halo sahabat soul.. Di kesempatan kali ini kita akan membahas bagai mana cara memasang bootstrap di codeigniter nih. Apa si itu bootstrap ? Bootstrap adalah open-source framework front-end yang bebas untuk merancang situs web dan aplikasi web. Framework ini berisi template desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript

Memasang Bootstrap di Codeigniter

1. Pertama download file Codeigniternya disini, kemudian buat folder project

baru pada local server kalian disini saya menggunakan Xampp jadi saya membuat project pada folder htdocs saya memberi nama folder dengan nama latihan (C:\xampp\htdocs\latihan). Kemudian pindahkan file codeigniter yang sudah di ekstrak kedalam folder latihan yang kita buat tadi.

2. Setelah itu download framework Bootstrapnya disini. Setelah itu ekstrak file

bootstrap tadi. lalu buat folder baru di antara file codeigniter kita yang kita berinama assets. Kemudian pindahkan hasil ekstrak file bootstrap ke

dalam folder assets.

folder latihan

dalam folder assets

3. Buka file config,php yang berada pada file codeigniter yang terletak di Application/config/config.php. Setting base_url dengan URL project

kalian.

4. Setelah mensetting base-url yang berada di file config.php. Lalu dilanjutkan

dengan mensetting helper yang berada di file autoload.php.

5. Lalu setelah melakukan setting dasar diatas. Kemudian buat file baru dalam folder controllers. Saya membuat file dengan nama Beranda_C.

6. Lalu kita membuat file di dalam folder view sesuai dengan nama file di atas yaitu

beranda_view.

Kode di atas berfungsi untuk memanggil css pada bootstrap.

Kode di atas berfungsi untuk memanggil Java Script pada bootstrap.

Hasil Akhir

Kunjungi postingan kami sebelumnya :

Belajar Codeigniter : Cara Instalasi Codeigniter dan Konfigurasinya | tahap 1