Siirry pääsisältöön

Esimerkkejä

Aloita projekti nopeasti millä tahansa esimerkeillämme aina kehyksen osien käyttämisestä mukautettuihin komponentteihin ja asetteluihin.

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.

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.

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 navigointipalkin esimerkki staattisesta ylänavigointipalkista ja lisäsisällöstä.

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-layoutin 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
Bootstrap-teemat