Przykłady
Szybko rozpocznij projekt, korzystając z dowolnego z naszych przykładów, od używania części frameworka po niestandardowe komponenty i układy.
Pobierz kod źródłowyZupełnie nowe komponenty i szablony, które pomogą użytkownikom szybko rozpocząć pracę z Bootstrapem i zademonstrować sprawdzone metody dodawania do platformy.
![Zrzut ekranu albumu](/docs/4.0/examples/screenshots/album.png)
Album
Prosty jednostronicowy szablon do galerii zdjęć, portfolio i nie tylko.
![Zrzut ekranu cen](/docs/4.0/examples/screenshots/pricing.png)
cennik
Przykładowa strona z cenami utworzona za pomocą kart i zawierająca niestandardowy nagłówek i stopkę.
![Zrzut ekranu kasy](/docs/4.0/examples/screenshots/checkout.png)
Wymeldować się
Niestandardowy formularz kasy przedstawiający nasze składniki formularza i ich funkcje walidacji.
![Zrzut ekranu produktu](/docs/4.0/examples/screenshots/product.png)
Produkt
Skoncentrowana na produkcie strona marketingowa z rozbudowaną siatką i obrazami.
![Zrzut ekranu na okładkę](/docs/4.0/examples/screenshots/cover.png)
Pokrywa
Jednostronicowy szablon do tworzenia prostych i pięknych stron głównych.
![Zrzut ekranu karuzeli](/docs/4.0/examples/screenshots/carousel.png)
Karuzela
Dostosuj pasek nawigacyjny i karuzelę, a następnie dodaj nowe komponenty.
![Zrzut ekranu bloga](/docs/4.0/examples/screenshots/blog.png)
Blog
Magazyn podobny do szablonu bloga z nagłówkiem, nawigacją, polecanymi treściami.
![Zrzut ekranu pulpitu nawigacyjnego](/docs/4.0/examples/screenshots/dashboard.png)
Panel
Podstawowa powłoka deski rozdzielczej administratora ze stałym paskiem bocznym i paskiem nawigacyjnym.
![Zrzut ekranu logowania](/docs/4.0/examples/screenshots/sign-in.png)
Zaloguj się
Niestandardowy układ i projekt formularza dla prostego formularza logowania.
![Zrzut ekranu przyklejonej stopki](/docs/4.0/examples/screenshots/sticky-footer.png)
Przyklejona stopka
Dołącz stopkę na dole widocznego obszaru, gdy zawartość strony jest krótka.
![Zrzut ekranu przyklejonego paska nawigacyjnego stopki](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
Przyklejony pasek nawigacyjny stopki
Dołącz stopkę do dołu rzutni za pomocą stałego górnego paska nawigacyjnego.
Przykłady, które koncentrują się na implementacji zastosowań wbudowanych komponentów dostarczanych przez Bootstrap.
![Zrzut ekranu szablonu startowego](/docs/4.0/examples/screenshots/starter-template.png)
Szablon startowy
Tylko podstawy: skompilowany CSS i JavaScript.
![Zrzut ekranu siatki](/docs/4.0/examples/screenshots/grid.png)
Krata
Wiele przykładów układów siatki ze wszystkimi czterema warstwami, zagnieżdżaniem i nie tylko.
![Zrzut ekranu Jumbotron](/docs/4.0/examples/screenshots/jumbotron.png)
Jumbotron
Buduj wokół jumbotronu za pomocą paska nawigacyjnego i kilku podstawowych kolumn siatki.
Biorąc domyślny komponent paska nawigacyjnego i pokazując, jak można go przesuwać, umieszczać i rozszerzać.
![Zrzut ekranu z paskami nawigacyjnymi](/docs/4.0/examples/screenshots/navbars.png)
Paski nawigacyjne
Demonstracja wszystkich responsywnych i kontenerowych opcji paska nawigacyjnego.
![Zrzut ekranu statycznego paska nawigacyjnego](/docs/4.0/examples/screenshots/navbar-static.png)
Statyczny pasek nawigacyjny
Przykład pojedynczego paska nawigacyjnego statycznego górnego paska nawigacyjnego wraz z dodatkową zawartością.
![Naprawiono zrzut ekranu paska nawigacyjnego](/docs/4.0/examples/screenshots/navbar-fixed.png)
Naprawiono pasek nawigacyjny
Przykład pojedynczego paska nawigacyjnego ze stałym górnym paskiem nawigacyjnym wraz z dodatkową zawartością.
![Dolny zrzut ekranu paska nawigacyjnego](/docs/4.0/examples/screenshots/navbar-bottom.png)
Dno paska nawigacyjnego
Przykład pojedynczego paska nawigacyjnego z dolnym paskiem nawigacyjnym wraz z dodatkową zawartością.
Przykłady, które koncentrują się na przyszłych funkcjach lub technikach.
![Zrzut ekranu pływających etykiet](/docs/4.0/examples/screenshots/floating-labels.png)
Pływające etykiety
Pięknie proste formularze z pływającymi etykietami nad danymi wejściowymi.
![Zrzut ekranu Offcanva](/docs/4.0/examples/screenshots/offcanvas.png)
Offcanvas
Zmień rozwijany pasek nawigacyjny w wysuwane menu na płótnie.