Cuplikan
Pola umum untuk membangun situs dan aplikasi yang dibangun di atas komponen dan utilitas yang ada dengan CSS khusus dan banyak lagi.
Header
Tampilkan pencitraan merek, navigasi, penelusuran, dan lainnya dengan komponen tajuk ini
Pahlawan
Atur panggung di beranda Anda dengan pahlawan yang menampilkan ajakan bertindak yang jelas.
Fitur
Jelaskan fitur, manfaat, atau detail lainnya dalam konten pemasaran Anda.
Sidebar
Pola navigasi umum ideal untuk tata letak offcanvas atau multi-kolom.
catatan kaki
Selesaikan setiap halaman dengan kuat dengan footer yang mengagumkan, besar atau kecil.
Dropdown
Tingkatkan dropdown Anda dengan filter, ikon, gaya kustom, dan banyak lagi.
Daftar grup
Perluas grup daftar dengan utilitas dan gaya khusus untuk konten apa pun.
Modal
Ubah modal untuk melayani tujuan apa pun, mulai dari tur fitur hingga dialog.
Komponen Kustom
Komponen dan template baru untuk membantu orang-orang dengan cepat memulai Bootstrap dan mendemonstrasikan praktik terbaik untuk menambahkan ke framework.
Album
Template satu halaman sederhana untuk galeri foto, portofolio, dan banyak lagi.
Harga
Contoh halaman harga yang dibuat dengan Kartu dan menampilkan header dan footer khusus.
Periksa
Formulir checkout khusus yang menunjukkan komponen formulir kami dan fitur validasinya.
Produk
Halaman pemasaran yang berfokus pada produk ramping dengan kisi yang luas dan pekerjaan gambar.
Menutupi
Template satu halaman untuk membuat halaman rumah yang sederhana dan indah.
Korsel
Kustomisasi navbar dan carousel, lalu tambahkan beberapa komponen baru.
Blog
Majalah seperti template blog dengan header, navigasi, konten unggulan.
Dasbor
Shell dasbor admin dasar dengan sidebar dan navbar tetap.
Masuk
Tata letak dan desain formulir khusus untuk formulir masuk sederhana.
Catatan kaki lengket
Lampirkan footer ke bagian bawah viewport saat konten halaman pendek.
Navbar footer lengket
Lampirkan footer ke bagian bawah viewport dengan navbar atas tetap.
Jumbotron
Gunakan utilitas untuk membuat ulang dan meningkatkan jumbotron Bootstrap 4.
Kerangka
Contoh yang berfokus pada implementasi penggunaan komponen bawaan yang disediakan oleh Bootstrap.
Template pemula
Tidak ada apa-apa selain dasar-dasarnya: CSS dan JavaScript yang dikompilasi.
kisi-kisi
Beberapa contoh tata letak kisi dengan keempat tingkatan, bersarang, dan banyak lagi.
Contekan
Wastafel dapur dari komponen Bootstrap.
Cheatsheet RTL
Wastafel dapur komponen Bootstrap, RTL.
Navbar
Mengambil komponen navbar default dan menunjukkan bagaimana komponen itu dapat dipindahkan, ditempatkan, dan diperluas.
Navbar
Demonstrasi semua opsi responsif dan container untuk navbar.
Navbar di luar kanvas
Sama seperti contoh Navbars, tetapi dengan komponen offcanvas kami.
Navbar statis
Contoh navbar tunggal dari navbar atas statis bersama dengan beberapa konten tambahan.
Navbar diperbaiki
Contoh navbar tunggal dengan navbar atas tetap bersama dengan beberapa konten tambahan.
Navbar bawah
Contoh navbar tunggal dengan navbar bawah bersama dengan beberapa konten tambahan.
Navbar Offcanvas
Ubah navbar yang dapat diperluas menjadi menu geser offcanvas (tidak menggunakan komponen offcanvas kami).
RTL
Lihat versi RTL Bootstrap beraksi dengan contoh Komponen Kustom yang dimodifikasi ini.
RTL masih eksperimental dan akan berkembang dengan umpan balik. Melihat sesuatu atau memiliki perbaikan untuk disarankan?
Album RTL
Template satu halaman sederhana untuk galeri foto, portofolio, dan banyak lagi.
Lihat RTL
Formulir checkout khusus yang menunjukkan komponen formulir kami dan fitur validasinya.
Korsel RTL
Kustomisasi navbar dan carousel, lalu tambahkan beberapa komponen baru.
Blog RTL
Majalah seperti template blog dengan header, navigasi, konten unggulan.
RTL Dasbor
Shell dasbor admin dasar dengan sidebar dan navbar tetap.
Integrasi
Integrasi dengan perpustakaan eksternal.
tukang batu
Gabungkan kekuatan kisi Bootstrap dan tata letak Masonry.
Melangkah lebih jauh dengan Tema Bootstrap
Butuh sesuatu yang lebih dari contoh-contoh ini? Bawa Bootstrap ke level berikutnya dengan tema premium dari pasar Tema Bootstrap resmi . Mereka dibangun sebagai kerangka kerja mereka sendiri yang diperluas, kaya dengan komponen dan plugin baru, dokumentasi, dan alat pembangunan yang kuat.
Jelajahi tema