Lewati ke konten utama
Ada versi Bootstrap 4 yang lebih baru!

Contoh

Mulai proyek dengan cepat dengan salah satu contoh kami mulai dari menggunakan bagian kerangka kerja hingga komponen dan tata letak khusus.

Unduh kode sumber

Komponen khusus

Komponen dan template baru untuk membantu orang-orang memulai Bootstrap dengan cepat dan mendemonstrasikan praktik terbaik untuk menambahkan ke framework.

Tangkapan layar album
Album

Template satu halaman sederhana untuk galeri foto, portofolio, dan banyak lagi.

Tangkapan layar harga
Harga

Contoh halaman harga yang dibuat dengan Kartu dan menampilkan header dan footer khusus.

Tangkapan layar lihat
Periksa

Formulir checkout khusus yang menunjukkan komponen formulir kami dan fitur validasinya.

Tangkapan layar produk
Produk

Halaman pemasaran yang berfokus pada produk ramping dengan kisi yang luas dan pekerjaan gambar.

Tangkapan layar sampul
Menutupi

Template satu halaman untuk membuat halaman rumah yang sederhana dan indah.

Tangkapan layar korsel
Korsel

Kustomisasi navbar dan carousel, lalu tambahkan beberapa komponen baru.

Tangkapan layar blog
Blog

Majalah seperti template blog dengan header, navigasi, konten unggulan.

Tangkapan layar dasbor
Dasbor

Shell dasbor admin dasar dengan sidebar dan navbar tetap.

Tangkapan layar masuk
Masuk

Tata letak dan desain formulir khusus untuk formulir masuk sederhana.

Tangkapan layar footer lengket
Catatan kaki lengket

Lampirkan footer ke bagian bawah viewport saat konten halaman pendek.

Tangkapan layar navbar footer lengket
Navbar footer lengket

Lampirkan footer ke bagian bawah viewport dengan navbar atas tetap.

Kerangka

Contoh yang berfokus pada implementasi penggunaan komponen bawaan yang disediakan oleh Bootstrap.

Tangkapan layar template pemula
Template pemula

Tidak ada apa-apa selain dasar-dasarnya: CSS dan JavaScript yang dikompilasi.

Tangkapan layar kisi
kisi-kisi

Beberapa contoh tata letak kisi dengan keempat tingkatan, bersarang, dan banyak lagi.

Tangkapan layar Jumbotron
Jumbotron

Bangun di sekitar jumbotron dengan navbar dan beberapa kolom kisi dasar.

Mengambil komponen navbar default dan menunjukkan bagaimana komponen itu dapat dipindahkan, ditempatkan, dan diperluas.

Tangkapan layar Navbars
Navbar

Demonstrasi semua opsi responsif dan container untuk navbar.

Tangkapan layar statis Navbar
Navbar statis

Contoh navbar tunggal dari navbar atas statis bersama dengan beberapa konten tambahan.

Tangkapan layar tetap Navbar
Navbar diperbaiki

Contoh navbar tunggal dengan navbar atas tetap bersama dengan beberapa konten tambahan.

Tangkapan layar bawah Navbar
Navbar bawah

Contoh navbar tunggal dengan navbar bawah bersama dengan beberapa konten tambahan.

Eksperimen

Contoh yang berfokus pada fitur atau teknik yang ramah masa depan.

Tangkapan layar label mengambang
Label mengambang

Bentuk sederhana yang indah dengan label mengambang di atas input Anda.

Tangkapan layar di luar kanvas
di luar kanvas

Ubah bilah navigasi yang dapat diperluas menjadi menu geser di luar kanvas.