Bagaimana Cara Menggunakan Bootstrap?

 

  • Membuat tabel dengan Bootstrap – Ingin membuat tabel tanpa perlu mengetikkan berbaris-baris kode? Gampang, Anda hanya perlu menggunakan class “table” yang ada di dalam file Bootstrap.
  • Mengatur tampilan gambar dengan Bootstrap – Anda dapat membuat gambar yang responsif atau gambar yang berbentuk lingkaran dengan menggunakan class seperti “.img-responsive”, “.img-rounded”, ”img-circle”, dan ”img-thumbnail”.
  • Membuat panel dengan Bootstrap – Jika Anda ingin menampilkan pesan peringatan (alert), Anda bisa menggunakan class “alert” yang berisi pesan peringatan yang ingin dibuat.
  • Membuat tombol dengan Bootstrap – Ingin menambahkan tombol? Anda bisa membuatnya dengan mudah di Bootstrap, cukup gunakan class “btn” saja.
  • Membuat pesan peringatan dengan Bootstrap – Anda juga dapat membuat panel yang berisi header, body dan footer. Caranya dengan menggunakan class “panel”.

Komentar

Posting Komentar

Postingan populer dari blog ini

6 Situs Untuk Mencari Inspirasi Seputar Desain UI/UX

Gambar
Berikut ini enam situs yang dapat dimanfaatkan untuk mencari inspirasi seputar UI/UX.  Dribbble.com Situs ini bisa dibilang sebagai komunitas terbesar bagi desainer UI/UX dan bisa menjadi tempat yang sangat baik untuk mendapatkan  feedback  dari orang lain. Di sini desainer mengunggah desain mereka dan bisa dikomentari oleh pengguna lain. Desain-desian yang diunggah di Dribble memiliki sandar kualitas yang tinggi.  Pttrns.com Pttrns adalah kumpulan desain yang diambil dari aplikasi-aplikasi iOS dan Android terbaik. Ada banyak konten yang tersedia sejak tahun 2012 yang bisa dipilah berdasarkan puluhan kategori, tahun, atau tags.  Uplabs.com Situs yang dibangun oleh Matt Aussaguel dan Guillemette Dejean ini pada awalnya hanya menjadi tempat kumpulan konten Material Design, tapi sekarang situs ini menjelma menjadi komunitas developer dan desainer untuk berbagi inspirasi UI/UX. Uplabs juga memiliki Market yang menjual UI Kits, Themes, dan Icons yang dibuat oleh komu...
Baca selengkapnya

Apakah UI/UX Designer Harus Bisa dan Belajar Coding ?

UI/UX Designer pada saat ini adalah seseorang yang bekerja untuk merancang sebuah produk baik berupa apps maupun website. UI/UX Designer bekerja bersama dan berkolaborasi dengan product manager dan juga developer. Kedekatan dengan pembuatan produk digital yang tengah dibangun membuat kita bertanya-tanya, Apakah UI/UX designer harus memiliki keahlian di bidang pengembangan yaitu coding? Jawabanya tidak perlu, namun jika kita memiliki wawasan tentang cara kerja coding itu memang bisa menjadi lebih baik. Hal penting adalah kita memahami cara kerja dan hal dasar. Namun ini tetap tidak menjadi keharusan. Tujuan dari memahami coding khususnya pada bagian front-end (HTML, CSS, Javascript) adalah untuk memiliki empati kepada developer agar kita dapat memahami batasan dan kesulitan yang dialami developer. Tidak lebih dari itu! Bahkan jika kita berkaca pada perusahaan yang besar UI/UX Designer pun dipecah menjadi beberapa bagian khusus agar lebih fokus. Namun dibalik pembahasan di atas tahukah k...
Baca selengkapnya

Cara Download Extension Visual Code Studio

Gambar
  Segera setelah menginstall Visual Studio, Anda bisa langsung menggunakannya untuk mendownload Extension. Nah, langkah-langkahnya sebagai berikut: Pada tampilan awal Visual Code, silakan klik  ikon Extension  yang terletak di Sidebar. Anda akan menuju halaman Extension Marketplace. Di sini, ketikkan nama Extension atau cari berdasarkan Extension terpopuler. Setelahnya, klik tombol  Install. Mohon menunggu, proses install Extension akan berlangsung. Jika berhasil, Anda akan melihat Extension tersebut pada tab  Installed. Bagaimana, mudah sekali bukan?
Baca selengkapnya