on
codeigniter
- Get link
- X
- Other Apps
Codeigniter Bootstrap Download - Selamat pagi jaslab, pagi ini saya akan share bagaimana cara mudah untuk menghubungkan Framework Codeigniter dengan Bootstrap dengan simple dan mudah sehingga kita dengan mudah mendesain tampilan aplikasi kita.
Kenapa sih kita harus pakai Bootstrap? iya. dengan bootstrap kita dengan mudah mempercantik tampilan aplikasi, selain itu kita juga bisa dengan mudah membuat responsive tampilan aplikasi yang akan kita bangun.
Langsung saja kita download bootstrapnya, setelah selesai didownload, kemudian extrak file zip nya lalu pindahkan pada aplikasi (codeigniter) yang akan digabung dengan bootstrap, untuk jelasnya lihat gambar :
Selanjutnya pada file view (index.php) masukkan kode berikut
<!DOCTYPE html>
<html>
<head>
<title>Buku Telepon - jaslab</title>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('bootstrap/css/bootstrap.css'); ?>">
</head>
<body>
<h2>Buku Telepon</h2>
<hr>
<?php foreach ($kontak as $kontak_item) { ?>
Nama : <?=$kontak_item['nama']."<br>"; ?>
No Handphone :<?=$kontak_item['no_hp']."<br>"; ?>
Alamat : <?=$kontak_item['alamat']; ?>
<br>
<a href="<?php echo site_url('index.php/kontak/update/'.$kontak_item['id']); ?>">Edit</a> -
<a href="<?php echo site_url('index.php/kontak/delete/'.$kontak_item['id']); ?>">Hapus</a>
<hr>
<?php } ?>
</body>
</html>
Selanjutnya silahkan berkereasi dengan bootstrap, mudah kan cara menghubungkan Codeigniter Bootstrap ?
nih hasilnya :
Cukup sekian post Codeigniter Bootstrap Download kali ini, semoga dapat dimengerti, jika ingin bertanya silahkan koment, share jika bermanfaat.
Source Code bisa di request
Baca juga :
Kenapa sih kita harus pakai Bootstrap? iya. dengan bootstrap kita dengan mudah mempercantik tampilan aplikasi, selain itu kita juga bisa dengan mudah membuat responsive tampilan aplikasi yang akan kita bangun.
Langsung saja kita download bootstrapnya, setelah selesai didownload, kemudian extrak file zip nya lalu pindahkan pada aplikasi (codeigniter) yang akan digabung dengan bootstrap, untuk jelasnya lihat gambar :
<!DOCTYPE html>
<html>
<head>
<title>Buku Telepon - jaslab</title>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('bootstrap/css/bootstrap.css'); ?>">
</head>
<body>
<h2>Buku Telepon</h2>
<hr>
<?php foreach ($kontak as $kontak_item) { ?>
Nama : <?=$kontak_item['nama']."<br>"; ?>
No Handphone :<?=$kontak_item['no_hp']."<br>"; ?>
Alamat : <?=$kontak_item['alamat']; ?>
<br>
<a href="<?php echo site_url('index.php/kontak/update/'.$kontak_item['id']); ?>">Edit</a> -
<a href="<?php echo site_url('index.php/kontak/delete/'.$kontak_item['id']); ?>">Hapus</a>
<hr>
<?php } ?>
</body>
</html>
Selanjutnya silahkan berkereasi dengan bootstrap, mudah kan cara menghubungkan Codeigniter Bootstrap ?
nih hasilnya :
Source Code bisa di request
Baca juga :
Bisakah sodara tammbahkan tutorial dalam bentuk video agar saya bisa belajar
ReplyDeleteom selamat pagi bukan pagu...
ReplyDeleteRerimakasih @Only Gamerz n Nak TKJ yang sudah memberikan saran pengetikan, kami akan memperbaiki
ReplyDelete