Lewati ke konten utama

Contoh

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

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 memulai Bootstrap dengan cepat 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.

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

Navbar

Demonstrasi semua opsi responsif dan container untuk navbar.

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.

Fitur RTL masih eksperimental dan mungkin akan berkembang sesuai dengan umpan balik pengguna. Melihat sesuatu atau memiliki perbaikan untuk disarankan? Buka masalah , kami ingin mendapatkan wawasan Anda.

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
Tema Bootstrap