Näited
Alustage kiiresti projekti mis tahes meie näitega, alates raamistiku osade kasutamisest kuni kohandatud komponentide ja paigutusteni.
Laadige alla lähtekoodTäiesti uued komponendid ja mallid, mis aitavad inimestel Bootstrapiga kiiresti alustada ja demonstreerida raamistikule lisamise parimaid tavasid.
![Albumi ekraanipilt](/docs/4.0/examples/screenshots/album.png)
Album
Lihtne üheleheküljeline mall fotogaleriide, portfooliode ja muu jaoks.
![Hinnakujunduse ekraanipilt](/docs/4.0/examples/screenshots/pricing.png)
Hinnakujundus
Kaartide abil loodud hinnakujunduslehe näidisleht, millel on kohandatud päis ja jalus.
![Checkouti ekraanipilt](/docs/4.0/examples/screenshots/checkout.png)
Kassasse
Kohandatud kassavorm, mis näitab meie vormikomponente ja nende valideerimisfunktsioone.
![Toote ekraanipilt](/docs/4.0/examples/screenshots/product.png)
Toode
Lahja tootekeskne turundusleht koos ulatusliku ruudustiku- ja pilditööga.
![Kaane ekraanipilt](/docs/4.0/examples/screenshots/cover.png)
Kaas
Üheleheline mall lihtsate ja ilusate kodulehtede loomiseks.
![Karusselli ekraanipilt](/docs/4.0/examples/screenshots/carousel.png)
Karussell
Kohandage navigeerimisriba ja karusselli ning lisage seejärel mõned uued komponendid.
![Blogi ekraanipilt](/docs/4.0/examples/screenshots/blog.png)
Blogi
Ajakirjalaadne ajaveebi mall koos päise, navigeerimise ja esiletoodud sisuga.
![Armatuurlaua ekraanipilt](/docs/4.0/examples/screenshots/dashboard.png)
Armatuurlaud
Tavaline administraatori armatuurlaua kest fikseeritud külgriba ja navigeerimisribaga.
![Sisselogimise ekraanipilt](/docs/4.0/examples/screenshots/sign-in.png)
Logi sisse
Kohandatud vormipaigutus ja kujundus lihtsa märgivormi jaoks.
![Kleepuva jaluse ekraanipilt](/docs/4.0/examples/screenshots/sticky-footer.png)
Kleepuv jalus
Kui lehe sisu on lühike, kinnitage jalus vaateava alaossa.
![Kleepuva jaluse navigeerimisriba ekraanipilt](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
Kleepuva jaluse navigeerimisriba
Kinnitage jalus vaateava alaossa fikseeritud ülemise navigeerimisribaga.
Näited, mis keskenduvad Bootstrapi pakutavate sisseehitatud komponentide kasutusviiside rakendamisele.
![Stardimalli ekraanipilt](/docs/4.0/examples/screenshots/starter-template.png)
Stardi mall
Mitte midagi peale põhitõdede: kompileeritud CSS ja JavaScript.
![Ruudustiku ekraanipilt](/docs/4.0/examples/screenshots/grid.png)
Võre
Mitu näidet ruudustiku paigutusest kõigi nelja tasemega, pesastamine ja palju muud.
![Jumbotroni ekraanipilt](/docs/4.0/examples/screenshots/jumbotron.png)
Jumbotron
Ehitage ümber jumbotroni navigeerimisriba ja mõne põhivõrgu veergu abil.
Navigeerimisriba vaikekomponendi võtmine ja selle liigutamine, paigutamine ja laiendamine.
![Navbarsi ekraanipilt](/docs/4.0/examples/screenshots/navbars.png)
Navbarid
Navigeerimisriba kõigi reageerimis- ja konteinerivalikute demonstratsioon.
![Navibari staatiline ekraanipilt](/docs/4.0/examples/screenshots/navbar-static.png)
Navibar staatiline
Üksik navigeerimisriba näide staatilisest ülemisest navigeerimisribast koos täiendava sisuga.
![Navbari fikseeritud ekraanipilt](/docs/4.0/examples/screenshots/navbar-fixed.png)
Navbar parandatud
Üksiku navigeerimisriba näide fikseeritud ülemise navigeerimisribaga koos täiendava sisuga.
![Navibari alumine ekraanipilt](/docs/4.0/examples/screenshots/navbar-bottom.png)
Naviriba alumine osa
Üksik navigeerimisriba näide alumise navigeerimisribaga koos täiendava sisuga.
Näited, mis keskenduvad tulevikusõbralikele funktsioonidele või tehnikatele.
![Ujuvate siltide ekraanipilt](/docs/4.0/examples/screenshots/floating-labels.png)
Ujuvad sildid
Kaunilt lihtsad vormid teie sisendite kohal ujuvate siltidega.
![Offcanvas ekraanipilt](/docs/4.0/examples/screenshots/offcanvas.png)
Offcanvas
Muutke laiendatav navigeerimisriba libisevaks lõuendiväliseks menüüks.