Langkau ke kandungan utama
Terdapat versi Bootstrap 4 yang lebih baharu!

Contoh

Mulakan projek dengan cepat dengan mana-mana contoh kami daripada menggunakan bahagian rangka kerja kepada komponen dan reka letak tersuai.

Muat turun kod sumber

Komponen tersuai

Komponen dan templat serba baharu untuk membantu orang ramai memulakan Bootstrap dengan pantas dan menunjukkan amalan terbaik untuk menambah rangka kerja.

Tangkapan skrin album
Album

Templat satu halaman mudah untuk galeri foto, portfolio dan banyak lagi.

Tangkapan skrin harga
penetapan harga

Contoh halaman harga yang dibina dengan Kad dan menampilkan pengepala dan pengaki tersuai.

Tangkapan skrin daftar keluar
Checkout

Borang daftar keluar tersuai yang menunjukkan komponen borang kami dan ciri pengesahannya.

Tangkapan skrin produk
produk

Halaman pemasaran berfokuskan produk yang ramping dengan grid dan kerja imej yang luas.

Tangkapan skrin muka depan
Penutup

Templat satu halaman untuk membina halaman utama yang ringkas dan cantik.

Tangkapan skrin karusel
karusel

Sesuaikan bar navigasi dan karusel, kemudian tambahkan beberapa komponen baharu.

Tangkapan skrin blog
Blog

Majalah seperti templat blog dengan pengepala, navigasi, kandungan yang ditampilkan.

Tangkapan skrin papan pemuka
Papan pemuka

Cangkang papan pemuka pentadbir asas dengan bar sisi dan bar navigasi tetap.

Tangkapan skrin log masuk
Log masuk

Reka bentuk dan reka bentuk borang tersuai untuk borang log masuk yang mudah.

Tangkapan skrin pengaki melekit
Pengaki melekit

Lampirkan pengaki ke bahagian bawah port pandangan apabila kandungan halaman pendek.

Tangkapan skrin navbar pengaki melekit
Navbar pengaki melekit

Lampirkan pengaki ke bahagian bawah port pandangan dengan bar navigasi atas tetap.

Rangka kerja

Contoh yang menumpukan pada pelaksanaan penggunaan komponen terbina dalam yang disediakan oleh Bootstrap.

Tangkapan skrin templat permulaan
Templat permulaan

Tiada apa-apa selain asas: CSS dan JavaScript yang disusun.

Tangkapan skrin grid
Grid

Berbilang contoh reka letak grid dengan keempat-empat peringkat, sarang dan banyak lagi.

Tangkapan skrin Jumbotron
Jumbotron

Bina di sekeliling jumbotron dengan bar navigasi dan beberapa lajur grid asas.

Mengambil komponen navbar lalai dan menunjukkan cara ia boleh dialihkan, diletakkan dan dilanjutkan.

Tangkapan skrin Navbars
Navbars

Demonstrasi semua pilihan responsif dan bekas untuk navbar.

Tangkapan skrin statik Navbar
Navbar statik

Contoh navbar tunggal bagi navbar atas statik bersama beberapa kandungan tambahan.

Tangkapan skrin tetap Navbar
Navbar tetap

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

Tangkapan skrin bawah bar navigasi
Bawah Navbar

Contoh navbar tunggal dengan navbar bawah bersama beberapa kandungan tambahan.

Eksperimen

Contoh yang menumpukan pada ciri atau teknik mesra masa depan.

Tangkapan skrin label terapung
Label terapung

Borang ringkas yang cantik dengan label terapung di atas input anda.

Tangkapan skrin luar kanvas
Luar Kanvas

Tukar navbar boleh dikembangkan anda menjadi menu luar kanvas gelongsor.