Ana içeriğe geç
Bootstrap 4'ün daha yeni bir sürümü var!

Örnekler

Çerçevenin parçalarını kullanmaktan özel bileşenlere ve düzenlere kadar uzanan örneklerimizden herhangi biriyle hızla bir projeye başlayın.

Kaynak kodunu indirin

Özel bileşenler

Kullanıcıların Bootstrap'i hızlı bir şekilde kullanmaya başlamasına ve çerçeveye eklemek için en iyi uygulamaları göstermesine yardımcı olacak yepyeni bileşenler ve şablonlar.

Albüm ekran görüntüsü
Albüm

Fotoğraf galerileri, portföyler ve daha fazlası için tek sayfalık basit şablon.

Fiyatlandırma ekran görüntüsü
fiyatlandırma

Kartlarla oluşturulmuş ve özel bir üstbilgi ve altbilgi içeren örnek fiyatlandırma sayfası.

Ödeme ekran görüntüsü
Ödeme

Form bileşenlerimizi ve bunların doğrulama özelliklerini gösteren özel ödeme formu.

Ürün ekran görüntüsü
Ürün

Kapsamlı ızgara ve imaj çalışması içeren yalın ürün odaklı pazarlama sayfası.

Kapak ekran görüntüsü
Örtmek

Basit ve güzel ana sayfalar oluşturmak için tek sayfalık bir şablon.

Dönen ekran görüntüsü
atlıkarınca

Gezinme çubuğunu ve karuseli özelleştirin, ardından bazı yeni bileşenler ekleyin.

Blog ekran görüntüsü
Blog

Başlık, gezinme, özellikli içerik içeren blog şablonu gibi dergi.

Pano ekran görüntüsü
Gösterge Paneli

Sabit kenar çubuğu ve gezinme çubuğu ile temel yönetici panosu kabuğu.

Oturum açma ekran görüntüsü
Kayıt olmak

Basit bir oturum açma formu için özel form düzeni ve tasarımı.

Yapışkan alt bilgi ekran görüntüsü
Yapışkan altbilgi

Sayfa içeriği kısa olduğunda görünümün altına bir altbilgi ekleyin.

Yapışkan alt bilgi gezinme çubuğu ekran görüntüsü
Yapışkan altbilgi gezinme çubuğu

Sabit bir üst gezinme çubuğu ile görünümün altına bir altbilgi ekleyin.

Çerçeve

Bootstrap tarafından sağlanan yerleşik bileşenlerin kullanımlarının uygulanmasına odaklanan örnekler.

Başlangıç ​​şablonu ekran görüntüsü
Başlangıç ​​şablonu

Temel bilgiler dışında hiçbir şey: derlenmiş CSS ve JavaScript.

Izgara ekran görüntüsü
Kafes

Dört katmanın tümü, iç içe yerleştirme ve daha fazlasıyla birden çok ızgara düzeni örneği.

Jumbotron ekran görüntüsü
Jumbotron

Bir gezinme çubuğu ve bazı temel ızgara sütunlarıyla jumbotronun etrafına inşa edin.

Varsayılan gezinme çubuğu bileşenini alıp nasıl taşınabileceğini, yerleştirilebileceğini ve genişletilebileceğini gösteriyor.

Gezinme çubukları ekran görüntüsü
gezinme çubukları

Gezinme çubuğu için tüm duyarlı ve kapsayıcı seçeneklerinin gösterilmesi.

Navbar statik ekran görüntüsü
gezinme çubuğu statik

Bazı ek içeriklerle birlikte statik bir üst gezinme çubuğunun tek gezinme çubuğu örneği.

Navbar sabit ekran görüntüsü
Gezinme çubuğu sabit

Bazı ek içeriklerle birlikte sabit bir üst gezinme çubuğuna sahip tek gezinme çubuğu örneği.

Gezinme çubuğu alt ekran görüntüsü
Gezinme çubuğunun alt kısmı

Bazı ek içeriğin yanı sıra alt gezinme çubuğuna sahip tek gezinme çubuğu örneği.

deneyler

Geleceğe uygun özelliklere veya tekniklere odaklanan örnekler.

Kayan etiketler ekran görüntüsü
kayan etiketler

Girdilerinizin üzerinde kayan etiketlere sahip güzel basit formlar.

Tuval dışı ekran görüntüsü
tuval dışı

Genişletilebilir gezinme çubuğunuzu kayan bir tuval dışı menüye dönüştürün.