Ö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 indirinKullanı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ü](/docs/4.0/examples/screenshots/album.png)
Albüm
Fotoğraf galerileri, portföyler ve daha fazlası için tek sayfalık basit şablon.
![Fiyatlandırma ekran görüntüsü](/docs/4.0/examples/screenshots/pricing.png)
fiyatlandırma
Kartlarla oluşturulmuş ve özel bir üstbilgi ve altbilgi içeren örnek fiyatlandırma sayfası.
![Ödeme ekran görüntüsü](/docs/4.0/examples/screenshots/checkout.png)
Ödeme
Form bileşenlerimizi ve bunların doğrulama özelliklerini gösteren özel ödeme formu.
![Ürün ekran görüntüsü](/docs/4.0/examples/screenshots/product.png)
Ürün
Kapsamlı ızgara ve imaj çalışması içeren yalın ürün odaklı pazarlama sayfası.
![Kapak ekran görüntüsü](/docs/4.0/examples/screenshots/cover.png)
Örtmek
Basit ve güzel ana sayfalar oluşturmak için tek sayfalık bir şablon.
![Dönen ekran görüntüsü](/docs/4.0/examples/screenshots/carousel.png)
atlıkarınca
Gezinme çubuğunu ve karuseli özelleştirin, ardından bazı yeni bileşenler ekleyin.
![Blog ekran görüntüsü](/docs/4.0/examples/screenshots/blog.png)
Blog
Başlık, gezinme, özellikli içerik içeren blog şablonu gibi dergi.
![Pano ekran görüntüsü](/docs/4.0/examples/screenshots/dashboard.png)
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ü](/docs/4.0/examples/screenshots/sign-in.png)
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ü](/docs/4.0/examples/screenshots/sticky-footer.png)
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ü](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
Yapışkan altbilgi gezinme çubuğu
Sabit bir üst gezinme çubuğu ile görünümün altına bir altbilgi ekleyin.
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ü](/docs/4.0/examples/screenshots/starter-template.png)
Başlangıç şablonu
Temel bilgiler dışında hiçbir şey: derlenmiş CSS ve JavaScript.
![Izgara ekran görüntüsü](/docs/4.0/examples/screenshots/grid.png)
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ü](/docs/4.0/examples/screenshots/jumbotron.png)
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ü](/docs/4.0/examples/screenshots/navbars.png)
gezinme çubukları
Gezinme çubuğu için tüm duyarlı ve kapsayıcı seçeneklerinin gösterilmesi.
![Navbar statik ekran görüntüsü](/docs/4.0/examples/screenshots/navbar-static.png)
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ü](/docs/4.0/examples/screenshots/navbar-fixed.png)
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ü](/docs/4.0/examples/screenshots/navbar-bottom.png)
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.
Geleceğe uygun özelliklere veya tekniklere odaklanan örnekler.
![Kayan etiketler ekran görüntüsü](/docs/4.0/examples/screenshots/floating-labels.png)
kayan etiketler
Girdilerinizin üzerinde kayan etiketlere sahip güzel basit formlar.
![Tuval dışı ekran görüntüsü](/docs/4.0/examples/screenshots/offcanvas.png)
tuval dışı
Genişletilebilir gezinme çubuğunuzu kayan bir tuval dışı menüye dönüştürün.