Tag Archives: bootstrap

Membuat Datepicker di PHP dengan Bootstrap

Datepicker adalah salah satu komponen input waktu dan tanggal. Komponen ini banyak digunakan pada formulir inputan baik di aplikasi web desktop maupun mobile. Ada banyak cara membuat datepicker, kita bisa menggunakan bantuan plugin dari JQuery maupun bootstrap. Bahkan sebenarnya di HTML 5 telah support inputan tanggal dengan type ‘date‘. Namun kali ini saya hanya khusus… Read More »

Cara Membuat Carousel Dengan Bootstrap

Carousel adalah sebuah fitur yang ada di bootstrap. Biasanya digunakan untuk menampilkan beberapa slide gambar yang akan berganti dan dapat di geser dengan tombol sider sebelumnya (previous) dan berikutnya (next). Gambar yang ditampilkan bisa berupa banner iklan atau announcement suatu website. Kali ini kita akan mempelajari cara membuat carousel dengan bootstrap. Framework bootstrap telah menyediakan… Read More »

Cara Membuat Navbar dengan Bootstrap

Kelasprogrammer.com – Navbar adalah sebuah navigasi pada website yang biasanya terletak di atas halaman. Navbar memiliki fungsi untuk memberi petunjuk pengguna lewat informasi menu/kategori yang diberikan, Sehingga user bisa dengan mudah berpindah halaman berdasarkan link yang diberikan melalui navigasi bar tersebut. Kali ini saya akan share dan membahas secara lengkap cara membuat navbar dengan bootstrap.… Read More »

Membuat Combobox Dinamis di CodeIgniter

Kelasprogrammer.com – Sahabat Programmer kali ini kita akan belajar untuk membuat combobox dinamis di codeigniter. Combobox yang akan kita buat bersifat dinamis, artinya bahwa data yang ditampilkan dapat berubah sesuai dengan data yang ada didatabase. Selain itu kita juga akan membuat combobox nya saling berhubungan antara satu dengan lain (bertingkat). Jadi ketika combobox pertama dipilih… Read More »

Cara menggunakan Bootstrap di CodeIgniter

Hallo sahabat programmer, kali ini saya membahas cara menggunakan bootstrap di codeigniter. Setelah sebelumnya saya sudah membahas penggunaan bootstrap namun belum di integrasikan ke codeigniter. Buat teman-teman pemula yang baru belajar codeigniter pasti ingin belajar untuk mengintegrasikan kedua framework ini. Seperti yang kita ketahui bootstrap merupakan framework CSS yang populer saat ini, sudah banyak website… Read More »

Cara membuat form dengan Bootstrap

Cara membuat form dengan bootstrap – Pada postingan sebelumnya saya pernah membahas mengenai cara membuat form di html. Pada postingan tersebut kita belajar dasar-dasar html dalam membuat form dengan pengenalan teori mengenai penggunaan atribut pada form dan contoh sederhana form dengan html. Pada artikel tersebut saya membuat contoh form login. Namun karena pada saat itu… Read More »

Membuat Tombol (Button) dengan Bootstrap

Halo sahabat programmer kali ini akan kita bahas mengenai cara membuat tombol (buttons) dengan menggunakan framework css bootstrap. Seperti kita ketahui penggunaan button akan sering kita jumpai saat membuat website. Button juga ibarat komponen wajib yang harus digunakan misalnya pada submit form, atau saat login dan lain-lain. Tombol (button) dapat kita buat denga mudah menggunakan… Read More »

Menampilkan gambar dengan Bootstrap

Menampilkan gambar dengan bootstrap sebenarnya sama dengan kita menggunakan html. Hanya yang menjadi perbedaan ada pada style-nya. Jika kita menampilkan gambar hanya menggunakan html, maka tentu saja tampilannya hanya basic tanpa ada style didalamnya. Sehingga terlihat jelek dan tidak menarik untuk ditampilkan dihalaman web kita. Baca juga: Cara membuat tabel di bootstrap Cara membuat layout… Read More »

Membuat Tabel dengan Bootstrap 4

Pada kesempatan kali ini Kelas programmer melanjutkan seri belajar tentang bootstrap bagi pemula yang ingin belajar cara membuat tabel dengan bootstrap. Sebelumnya sudah saya bahas mengenai tabel di html, namun pada tutorial tersebut hanya berfokus pada penggunaan tabel pada html saja tanpa mengulas mengenai bagaimana mempercantik tampilan tabel html tersebut. Bootstrap menyediakan fasilitas untuk membuat… Read More »

Membuat layout dengan Sistem Grid & Container Bootstrap

Membuat layout dengan sistem grid bootstrap – Layout merupakan bagian penting dalam mendesain tampilan sebuah web. Ibarat membangun rumah layout adalah kerangka dari rancangan rumah yang ingin dibuat. Dengan menggunakan layout kita dapat mengatur rencana tampilan web dengan rapi dan terstruktur. Bootstrap mempunyai fasilitas untuk membuat layout dengan mudah. Layout yang dibuatpun support pada responsive… Read More »