Katkelmat
Yleisiä malleja rakennustyömaille ja sovelluksille, jotka perustuvat olemassa oleviin komponentteihin ja apuohjelmiin, joissa on mukautettu CSS ja paljon muuta.

Otsikot
Näytä brändäys, navigointi, haku ja paljon muuta näiden otsikkokomponenttien avulla

Heroes
Aseta etusivullesi näyttämö sankareilla, joissa on selkeät toimintakehotukset.

ominaisuudet
Selitä markkinointisisältösi ominaisuudet, edut tai muut tiedot.

Sivupalkit
Yleiset navigointimallit, jotka ovat ihanteellisia offcanvas- tai monisarakkeisiin asetteluihin.

Alatunnisteet
Viimeistele jokainen sivu vahvalla mahtavalla alatunnisteella, isolla tai pienellä.

Pudotusvalikosta
Paranna avattavia valikoita suodattimilla, kuvakkeilla, mukautetuilla tyyleillä ja muilla.

Listaa ryhmät
Laajenna luetteloryhmiä apuohjelmilla ja mukautetuilla tyyleillä mitä tahansa sisältöä varten.

Modaalit
Muunna modaalit palvelemaan mitä tahansa tarkoitusta ominaisuuskierroksista valintaikkunoihin.
Mukautetut komponentit
Upouudet komponentit ja mallit auttavat ihmisiä pääsemään nopeasti alkuun Bootstrapin kanssa ja esittelemään parhaita käytäntöjä kehykseen lisäämiseksi.

Albumi
Yksinkertainen yhden sivun malli valokuvagallerioita, portfolioita ja muuta varten.

Hinnoittelu
Esimerkki hinnoittelusivusta, joka on rakennettu Cardsilla ja jossa on mukautettu ylä- ja alatunniste.

Tarkista
Mukautettu kassalomake, joka näyttää lomakekomponentit ja niiden vahvistusominaisuudet.

Tuote
Lean tuotekeskeinen markkinointisivu, jossa on laaja ruudukko- ja imagotyö.

Peite
Yksisivuinen malli yksinkertaisten ja kauniiden kotisivujen luomiseen.

Karuselli
Mukauta navigointipalkkia ja karusellia ja lisää sitten uusia osia.

Blogi
Lehden kaltainen blogimalli, jossa on otsikko, navigointi ja esitelty sisältö.

Kojelauta
Perusjärjestelmänvalvojan kojelautakuori kiinteällä sivupalkilla ja navigointipalkilla.

Kirjaudu sisään
Mukautettu lomakkeen asettelu ja suunnittelu yksinkertaiselle kirjautumislomakkeelle.

Tahmea alatunniste
Kiinnitä alatunniste näkymän alaosaan, kun sivun sisältö on lyhyt.

Tahmea alatunnisteen navigointipalkki
Kiinnitä alatunniste näkymän alaosaan kiinteällä ylänavigointipalkilla.

Jumbotron
Käytä apuohjelmia Bootstrap 4:n jumbotronin luomiseen ja parantamiseen.
puitteet
Esimerkkejä, jotka keskittyvät Bootstrapin tarjoamien sisäänrakennettujen komponenttien käyttöön.

Aloitusmalli
Ei muuta kuin perusasiat: käännetty CSS ja JavaScript.

Ruudukko
Useita esimerkkejä ruudukkoasetteluista, joissa on kaikki neljä tasoa, sisäkkäisiä ja paljon muuta.

Lunttilappu
Bootstrap-komponenteista valmistettu tiskiallas.

Cheatsheet RTL
Tiskiallas Bootstrap-komponenteista, RTL.
Navigointipalkit
Otetaan oletusnavigointipalkkikomponentti ja näytetään, kuinka sitä voidaan siirtää, sijoittaa ja laajentaa.

Navigointipalkit
Esittely kaikista navigointipalkin reagoivista ja säilövaihtoehdoista.

Navbar staattinen
Yksittäinen navigointipalkki esimerkki staattisesta ylänavigointipalkista sekä lisäsisältöä.

Navbar korjattu
Esimerkki yksittäisestä navigointipalkista, jossa on kiinteä ylänavigointipalkki sekä lisäsisältöä.

Navigointipalkin alaosa
Esimerkki yksittäisestä navigointipalkin alareunasta ja lisäsisällöstä.

Offcanvas-navigointipalkki
Tee laajennettavasta navigointipalkistasi liukuva offcanvas-valikko (ei käytä offcanvas-komponenttiamme).
RTL
Katso Bootstrapin RTL-versio toiminnassa näiden muokattujen mukautettujen komponenttien esimerkkien avulla.
RTL-ominaisuus on vielä kokeellinen ja todennäköisesti kehittyy käyttäjien palautteen mukaan. Huomasitko jotain tai onko sinulla parannusehdotuksia? Avaa ongelma , haluaisimme mielellämme näkemyksiäsi.

Albumi RTL
Yksinkertainen yhden sivun malli valokuvagallerioita, portfolioita ja muuta varten.

Tarkista RTL
Mukautettu kassalomake, joka näyttää lomakekomponentit ja niiden vahvistusominaisuudet.

Karuselli RTL
Mukauta navigointipalkkia ja karusellia ja lisää sitten uusia osia.

Blogi RTL
Lehden kaltainen blogimalli, jossa on otsikko, navigointi ja esitelty sisältö.

Kojelauta RTL
Perusjärjestelmänvalvojan kojelautakuori kiinteällä sivupalkilla ja navigointipalkilla.
Integraatiot
Integraatiot ulkoisten kirjastojen kanssa.

Muuraus
Yhdistä Bootstrap-ruudukon ja Masonry-asettelun voimat.
Mene pidemmälle Bootstrap-teemoilla
Tarvitsetko jotain muuta kuin nämä esimerkit? Vie Bootstrap uudelle tasolle premium-teemoilla viralliselta Bootstrap Themes -markkinapaikalta . Ne on rakennettu omiksi laajennetuiksi kehyksiksi, joissa on runsaasti uusia komponentteja ja laajennuksia, dokumentaatiota ja tehokkaita rakennustyökaluja.
Selaa teemoja