Selain kita dapat membuat template web responsive menggunakan html dan css, kita juga bisa membuatnya melalui bootstrap. Buat kalian desainer web pasti sudah tidak asing lagi mengenai framework css ini. Bootstrap merupakan kerangka kerja (framework) yang di khususkan untuk menangani terkait tampilan halaman web. Sejak di rilisnya versi ke 2 dan ke 3 tahun 2012-2013… Read More »
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 »
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 »
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 »
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 – 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 »
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 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 »
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 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 »