23 Contoh Kartu Bootstrap Gratis 2022

Jadikan distribusi konten JAUH lebih menarik bagi mata dengan memilih salah satu dari koleksi kartu Bootstrap gratis terbaik kami.

Kami benar-benar menguji masing-masing untuk memberi Anda alternatif yang paling andal.

Singkatnya : Anda TIDAK BISA salah dengan ini.

Anda dapat menampilkan berbagai jenis konten, seperti teks, gambar, dll.

JADILAH POP.

Anda juga dapat menyertakan tautan, judul kartu, header dan footer kartu, dll.

Komponen kartu luar biasa, elemen FLEKSIBEL untuk menampilkan berbagai barang web di situs web Anda.

Contoh kartu Bootstrap kami memberikan semua fleksibilitas untuk menampilkan konten yang layak Anda dapatkan .

Bawa distribusi konten ke TINGKAT BERIKUTNYA.

Kartu Bootstrap Gratis Terbaik

Kartu Bootstrap Responsif-UI

Kartu Bootstrap sederhana yang dapat dengan mudah memecah berbagai konten teks yang ingin Anda bagikan.

Selalu fokus untuk memberikan pengalaman pengguna terbaik , dan jika Anda memiliki banyak teks, cuplikan gratis ini dapat membantu mencapai hasil yang luar biasa.

Dengan bagian/tab atas menggunakan latar belakang yang berbeda, Anda dapat membuat judul muncul – tetapi Anda tidak perlu mengikuti konfigurasi default.

Artinya, MERASA BEBAS untuk mengubah warna, bahkan teks, sebelum mengintegrasikannya ke dalam aplikasi Anda.

Info lebih lanjut / Unduh

Kotak Kartu Bootstrap

Bootstrap Card Grid adalah kumpulan dari enam kotak kecil yang dapat menyajikan judul, sub judul, teks, dan dua tautan. Desainnya minimal , memastikan Anda menyematkan dengan cepat, terutama dengan menggunakannya apa adanya.

Kartu-kartunya juga ditumpuk dengan rapi, satu di atas yang lain di ponsel, tetap memberikan pengalaman hebat yang layak didapatkan pengguna Anda. Gunakan mereka untuk PANDUAN pengguna Anda ke bagian yang berbeda, bahkan produk.

Info lebih lanjut / Unduh

Kartu Bootstrap dengan Thumbnail

Templat kartu Bootstrap modern dengan gambar mini bagi Anda untuk membawa distribusi konten ke tingkat berikutnya. MANFAAT menggunakan widget gratis ini tinggi karena akan meningkatkan desain dan UX aplikasi Anda.

Karena basis Bootstrap, tata letaknya juga 100% selaras dengan perangkat seluler .

Dan untuk apa Anda bisa menggunakannya? Postingan unggulan, produk populer, layanan, Anda mendapatkan intinya.

Info lebih lanjut / Unduh

Kartu Bootstrap Responsif oleh Bahaa Addin Balashoni

Ini adalah template kartu Bootstrap yang luar biasa, gratis, dan responsif, yang dibuat oleh pengguna CodePen. Contoh ini memberi Anda 9 komponen kartu . Setiap kartu memiliki judul, gambar, dan teks kartu.

Teks kartu muncul saat mengklik kartu. Di akhir setiap teks kartu, ada tautan 'baca lebih lanjut' yang diklik pengguna dapat membaca lebih lanjut.

Kartu ini responsif, artinya kartu dapat dengan mudah dilihat pada ukuran layar apa pun. Mereka akan ADAPT untuk semua jenis layar, baik kecil atau besar.

Kartu Bootstrap semacam ini sangat berguna untuk menampilkan produk. Anda juga dapat menggunakan template ini untuk menampilkan item portofolio.

Info lebih lanjut / Unduh

Kartu bootstrap oleh Paolo Ocampo

Templat yang dibuat oleh Paolo Ocampo ini memberi Anda kartu material berkualitas tinggi. Setiap kartu memiliki gambar, judul kartu, beberapa teks, dan tautan.

Kartu-kartu ini adalah wadah yang bagus untuk menampilkan berbagai jenis konten , seperti teks, gambar, tautan, dll. Karena desain material telah digunakan, kartu-kartu ini terlihat keren. Desain material oleh Google telah membuat template menjadi luar biasa.

Membuat PERUBAHAN dalam contoh ini sangat mudah karena kode template ini sangat sederhana.

Karena Anda dapat memasukkan berbagai jenis konten seperti gambar dalam kartu ini, situs Anda AKAN TERLIHAT LEBIH menarik dan menarik jika Anda menggunakannya di situs Anda.

Info lebih lanjut / Unduh

Templat kartu bootstrap oleh Jake Smith

Ini adalah template kartu Bootstrap berkualitas tinggi gratis yang dikembangkan oleh Jake Smith, pengguna CodePen. Contoh ini memberi Anda 6 contoh kartu Bootstrap , yang masing-masing memiliki judul, subjudul, teks, dan gambar.

Seperti yang Anda lihat dari tangkapan layar, area konten kosong, Anda perlu menambahkan teks di area konten.

Gambar yang digunakan dalam template ini hanyalah contoh gambar. Anda perlu menambahkan gambar yang sesuai di kartu ini.

Info lebih lanjut / Unduh

Kartu bootstrap oleh Nihar Bheemanathi

Ini adalah template kartu Bootstrap HEBAT yang dibuat oleh Nihar Bheemanathi. Contoh ini menunjukkan empat kartu. Setiap kartu memiliki foto yang menarik. Kartu memiliki ikon 'pengaturan' kuning.

Setiap kartu memiliki judul dan beberapa teks.

Anda dapat menggunakan kartu ini untuk menampilkan item atau produk portofolio . Karena menyesuaikan kartu ini sangat mudah, Anda dapat meningkatkannya dan membuat penyesuaian yang diperlukan dengan mengubah kode.

Lihatlah contoh kartu ini dan lihat apakah itu sesuai untuk situs web Anda.

Info lebih lanjut / Unduh

Contoh kartu bootstrap oleh pengguna CodePen

Contoh kartu Bootstrap yang dibuat oleh pengguna CodePen ini memiliki 4 contoh kartu Bootstrap. Judul kartu dari semua kartu adalah 'judul kartu'. Anda dapat dengan mudah menambahkan gambar ke kartu ini.

Anda perlu mengubah judul ini menjadi judul kartu yang bermakna. Dan Anda juga perlu mengubah teks contoh. Ada tombol di bawah teks. Anda juga harus mengubah keterangan tombol.

Info lebih lanjut / Unduh

Kartu Bootstrap horizontal bergantian dengan duness

Seperti namanya, kartu ini berubah saat Anda memuat ulang halaman web. Setiap kali laman web dimuat ulang, kartu dengan gambar berbeda akan muncul .

Kartu bolak-balik semacam ini akan melibatkan pengunjung situs web Anda. Setiap kartu memiliki teks pendukung dan tombol.

Kartunya LEBAR. Setiap kartu memenuhi seluruh lebar halaman web. Kartu tidak ditempatkan berdampingan. Sebaliknya, mereka ditempatkan secara horizontal.

Info lebih lanjut / Unduh

Kartu bootstrap dengan carousel oleh pengguna CodePen

Ini adalah contoh kartu Bootstrap luar biasa yang hadir dengan carousel. Korsel telah membuat template ini lebih menarik.

Seperti yang Anda lihat di tangkapan layar, ini adalah kartu yang sangat lebar yang memiliki judul, beberapa teks, tombol, dan korsel dengan 3 slide . Setiap slide berisi gambar yang bagus. Slide berubah SECARA OTOMATIS.

Anda juga dapat mengubah slide dengan mengklik tombol panah. Meskipun templatnya terlihat luar biasa, Anda dapat mencoba menyempurnakan desainnya.

Anda dapat dengan MUDAH memodifikasi desain dengan memodifikasi kode CSS dalam contoh ini.

Info lebih lanjut / Unduh

Template kartu oleh Bekir Bayar

Ini adalah contoh kartu Bootstrap BERKUALITAS sangat TINGGI yang dibuat oleh Bekir Bayar. Profil profesional ditampilkan dalam kartu ini. Ada foto progresi di setiap kartu dan namanya.

Ada ikon sosial di kartu. Ikon-ikon ini akan memiliki tautan ke profil sosial para profesional. Anda dapat menambahkan beberapa teks yang menjelaskannya. Selain gambar profil, ada juga gambar latar belakang di setiap kartu.

Info lebih lanjut / Unduh

Tata letak ubin kartu bootstrap oleh Matt Ruddick

Anda dapat menggunakan kartu Bootstrap untuk menampilkan koleksi posting blog di situs web Anda.

Contoh ini menunjukkan kumpulan posting blog dengan foto, judul posting blog, deskripsi, jumlah tampilan, nama penulis, dan tanggal posting diterbitkan.

Dengan menampilkan posting blog Anda dengan cara ini, Anda dapat memberi pengguna Anda gambaran umum CEPAT tentang posting Anda dan membantu mereka menemukan posting yang akan berguna bagi mereka.

Info lebih lanjut / Unduh

Kartu Bootstrap 4 Responsif oleh pengguna CodePen

Ini adalah contoh kartu Bootstrap 4 yang luar biasa, gratis, dan responsif yang dibuat oleh pengguna CodePen dengan 'sepuckett86'. Kartu terlihat cukup sederhana karena hanya ada gambar dan teks.

Kartu ini tidak memiliki teks dan elemen lain seperti tombol dan ikon sosial. Itu berarti hanya ada sangat sedikit elemen di dalamnya. Jika Anda membutuhkannya, Anda dapat menambahkannya.

Menambahkan elemen baru itu mudah jika Anda tahu cara bekerja dengan kartu Bootstrap.

Info lebih lanjut / Unduh

Kartu bootstrap oleh pengguna CodePen

Template Bootstrap yang dikembangkan oleh pengguna CodePen ini memberi Anda contoh kartu Bootstrap. Setiap kartu memiliki judul sampel, tombol 'daftar', tombol 'Pelajari Lebih Lanjut', dan teks label.

Kualitas template ini MENGEMPRESKAN. Bootstrap telah digunakan untuk desain, template terlihat sangat standar.

Meskipun template terlihat bagus, Anda selalu memiliki opsi untuk menyempurnakan desain . Ubah template kartu ini agar terlihat lebih baik dan cocok dengan desain situs Anda.

Info lebih lanjut / Unduh

Kartu bootstrap oleh Akshay Bawane

Contoh ini menunjukkan kartu Bootstrap yang menarik. Pengguna CodePen telah mendesain kartu ini dengan Bootstrap dan CSS.

Kartu-kartu ini GRATIS dan DAPAT DISESUAIKAN. Anda dapat dengan mudah mengintegrasikan kartu-kartu ini ke situs web mana pun.

Kartu ini dilengkapi dengan gambar, teks, judul kartu, dan tombol.

Mereka terlihat menarik karena gambarnya keren. Warna tombolnya biru, sedangkan warna teks di tombolnya putih.

Info lebih lanjut / Unduh

Templat kartu oleh Tanner Gaucher

Ini adalah template Bootstrap keren yang dikembangkan oleh pengguna CodePen. Anda dapat menggunakan kartu jenis ini untuk menampilkan profil para profesional . Anda juga dapat menggunakannya untuk tujuan lain.

Contoh ini menampilkan beberapa kartu Bootstrap keren. Kartu akan membuat situs Anda lebih menarik karena kartu ini memiliki gambar, judul, dan teks deskripsi yang bagus.

Kartu-kartu ini SEPENUHNYA dapat disesuaikan. Anda dapat dengan mudah menyesuaikannya dengan menambahkan kode CSS.

Info lebih lanjut / Unduh

Kartu bootstrap oleh Aldo

Template kartu Bootstrap sederhana dan mengagumkan ini menunjukkan galeri gambar . Setiap kartu dalam contoh ini hanya menampilkan satu gambar. Beberapa gambar ditampilkan dalam kartu.

Ada gambar dengan ukuran berbeda.

Jika Anda perlu mendemonstrasikan gambar di galeri gambar, Anda dapat melakukannya dengan mudah menggunakan kartu Bootstrap. Jadi, jika Anda memiliki situs web yang memungkinkan orang mengunduh wallpaper, Anda dapat menampilkannya menggunakan kartu.

Kartu juga sangat berguna untuk menampilkan gambar karyawan Anda di situs Anda.

Info lebih lanjut / Unduh

Kartu responsif oleh Julia

Ini adalah template kartu responsif yang dibuat oleh Julia. Contoh ini menunjukkan banyak kartu yang berisi gambar, judul kartu, teks contoh, dan tombol 'Baca Selengkapnya'.

Contoh ini RESPONSIF. Ini secara otomatis sesuai dengan ukuran layar apa pun sehingga pengguna dapat melihat kartu dengan mudah.

Anda dapat dengan mudah meningkatkan template sumber terbuka ini dengan mengubah kodenya. Anda dapat, dengan mudah, mengubah desain dengan menambahkan CSS khusus.

Info lebih lanjut / Unduh

Contoh kartu oleh Jens Grochtdreis

Ini adalah contoh kartu Bootstrap gratis berkualitas tinggi yang dibuat oleh Jens Grochtdreis, pengguna CodePen. Seperti yang dapat kita lihat dari tangkapan layar, kartu berisi gambar, judul, subjudul, tombol, dan tautan.

Contoh ini menunjukkan berbagai kartu yang dapat Anda gunakan di situs web Anda.

Gambar, teks, tombol, judul, subjudul, dan tautan yang digunakan dalam contoh ini hanyalah contoh.

Jika Anda INGIN MENAMBAH template ini ke situs web Anda, Anda harus menambahkan teks, judul, gambar, dan tombol Anda.

Info lebih lanjut / Unduh

Templat kartu oleh Lisa Miller

Template kartu yang dibuat oleh Lisa Miller ini memberi Anda banyak kartu Bootstrap. Kartu-kartu ini menunjukkan artikel. Di atas kartu, ada gambar berkualitas tinggi.

Setiap kartu memiliki judul, dan tepat di bawah judul, ada sub-judul yang merupakan tanggal.

Di bawah tanggal, ada teks yang menjelaskan artikel dan tepat di bawah teks deskripsi, Anda dapat melihat tombol 'PELAJARI LEBIH LANJUT' yang diklik pengguna dapat melihat dan membaca seluruh artikel.

Info lebih lanjut / Unduh

Contoh kartu bootstrap oleh Thomas Nicolosi

Templat kartu Bootstrap yang dikembangkan oleh Thomas Nicolosi ini memberi Anda kartu Bootstrap sederhana yang dapat Anda integrasikan dengan mudah ke situs web Anda. Anda dapat menambahkan gambar untuk membuat kartu lebih menarik dan berguna .

Ada contoh judul dan teks kartu dalam template ini yang perlu Anda ganti dengan judul dan teks Anda sendiri. Anda juga dapat menambahkan ELEMEN kartu lainnya , seperti subpos, tombol, header kartu, dan footer.

Info lebih lanjut / Unduh

Kartu bootstrap oleh Mary Czapkowska

Templat kartu yang dibuat oleh Mary Czapkowska ini memberi Anda kartu Bootstrap berkualitas tinggi. Kartu-kartu ini terlihat bagus karena dirancang menggunakan Bootstrap.

Kartu berisi gambar yang indah, judul kartu, teks deskripsi, dan tombol. Ada tombol 'Baca Selengkapnya' di setiap kartu sehingga pengguna dapat membaca artikel SELURUH.

Jika Anda membutuhkan kartu Bootstrap semacam ini, gunakan yang ini dan hemat waktu Anda. Karena Anda tidak perlu menulis kode dari awal , Anda dapat menghemat waktu.

Info lebih lanjut / Unduh

Kartu bootstrap oleh Alex McCarthy

Ini adalah template luar biasa, gratis, dan dapat disesuaikan sepenuhnya yang dikembangkan oleh pengguna CodePen bernama 'Alex McCarthy'. Pengguna CodePen ini telah mendesain template ini menggunakan Bootstrap dan CSS khusus.

Template ini memberi Anda beberapa kartu Bootstrap berkualitas tinggi dengan gambar . Kartu ini memiliki gambar makanan.

Jika Anda perlu menampilkan gambar yang berbeda, Anda dapat mengganti gambar kartu ini dengan gambar yang berbeda.

Perhatikan baik-baik kartu-kartu ini dengan mengeklik tombol 'Demo' di bawah. Jika Anda SUKA template ini, Anda dapat mengunduhnya dengan mengklik tombol 'Unduh'.

Info lebih lanjut / Unduh