Diantara temen-temen sekalian pasti sudah banyak tau tentang fasilitas yang di berikan css twitter bootstrap. Dan ingin memasang nya di freamwork codeigniter yang kita punya. Maka cara nya sangat mudah.
1. Pertama download dulu twitter bootstrap
di sini. kemudian silakan buat folder assets di dalam folder web anda. sehingga struktur nya menjadi seperti gambar di bawah ini.dan copikan hasil download tan tadi.
2. Sampai disini sebernarnya anda telah berhasil menggabungkan antara ci dan bootstrap, sekarang mari kita ujicoba membuat sebuah file login.
pertama aktifkan dulu halper url dan form dengan menambahkan configurasi di file autoload.php yang terletak di folder application/config/autoload.php
$autoload['helper'] = array(''); ganti menjadi $autoload['helper'] = array('url', 'form', 'cookie');
kedua buat sebuah folder di views dengan nama login dan buat sebuah file dengan nama login.php
isikan dengan kode seperti di bawah ini.
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>CodeIgniter Admin Sample Project</title>
<meta charset="utf-8">
<link href="<?php echo base_url(); ?>assets/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container login">
<?php
$attributes = array('class' => 'form-signin');
echo form_open('admin/login/validate_credentials', $attributes);
echo '<h2 class="form-signin-heading">Login</h2>';
echo form_input('user_name', '', 'placeholder="Username"');
echo form_password('password', '', 'placeholder="Password"');
if(isset($message_error) && $message_error){
echo '<div class="alert alert-error">';
echo '<a class="close" data-dismiss="alert">×</a>';
echo '<strong>Oh snap!</strong> Change a few things up and try submitting again.';
echo '</div>';
}
echo "<br />";
echo anchor('admin/signup', 'Signup!');
echo "<br />";
echo "<br />";
echo form_submit('submit', 'Login', 'class="btn btn-large btn-primary"');
echo form_close();
?>
</div><!--container-->
<script src="<?php echo base_url(); ?>assets/js/jquery.min.js"></script>
<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>
</body>
</html>
sehinnga menjadi seperti gambar di bawah ini.
ketiga buat sebuah controller dengan nama login kemudian isikan dengan code di bawah ini
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Login extends CI_Controller {
public function index()
{
$this->load->view('login/login');
}
}
/* End of file login.php */
/* Location: ./application/controllers/login.php */
terakhir silakan cek lewat browser kesanyangan anda dengan mengetikan
http://localhost/presensi/login/
jika tampilan nya menjadi seperti di bawah ini maka kamu terlah berhasil menggaubungkan ci dengan bootstrap..
selamat mencoba..
jangan lupa tinggalkan pesan di kolom komentar