Lumaktaw sa pangunahing nilalaman

Mga halimbawa

Mabilis na simulan ang isang proyekto sa alinman sa aming mga halimbawa mula sa paggamit ng mga bahagi ng framework hanggang sa mga custom na bahagi at layout.

Mga snippet

Mga karaniwang pattern para sa pagbuo ng mga site at app na bumubuo sa mga kasalukuyang bahagi at utility na may custom na CSS at higit pa.

Mga header

Ipakita ang iyong pagba-brand, nabigasyon, paghahanap, at higit pa gamit ang mga bahagi ng header na ito

Mga bayani

Itakda ang entablado sa iyong homepage kasama ang mga bayani na nagtatampok ng malinaw na mga call to action.

Mga tampok

Ipaliwanag ang mga feature, benepisyo, o iba pang detalye sa iyong marketing content.

Mga sidebar

Ang mga karaniwang pattern ng navigation ay perpekto para sa offcanvas o multi-column na mga layout.

Mga footer

Tapusin ang bawat pahina nang malakas gamit ang isang kahanga-hangang footer, malaki man o maliit.

Mga dropdown

Pagandahin ang iyong mga dropdown gamit ang mga filter, icon, custom na istilo, at higit pa.

Maglista ng mga pangkat

Palawakin ang mga pangkat ng listahan na may mga utility at custom na istilo para sa anumang nilalaman.

Mga modal

Baguhin ang mga modal upang magsilbi sa anumang layunin, mula sa mga tampok na paglilibot hanggang sa mga diyalogo.

Mga Custom na Bahagi

Mga bagong bahagi at template upang matulungan ang mga tao na mabilis na makapagsimula sa Bootstrap at magpakita ng pinakamahuhusay na kagawian para sa pagdaragdag sa framework.

Album

Simpleng one-page na template para sa mga photo gallery, portfolio, at higit pa.

Pagpepresyo

Halimbawang page ng pagpepresyo na binuo gamit ang Mga Card at nagtatampok ng custom na header at footer.

Tignan mo

Pasadyang form ng pag-checkout na nagpapakita ng aming mga bahagi ng form at ang kanilang mga tampok sa pagpapatunay.

produkto

Lean product-focused marketing page na may malawak na grid at image work.

Takpan

Isang one-page na template para sa pagbuo ng simple at magagandang home page.

Carousel

I-customize ang navbar at carousel, pagkatapos ay magdagdag ng ilang bagong bahagi.

Blog

Magazine tulad ng template ng blog na may header, nabigasyon, itinatampok na nilalaman.

Dashboard

Pangunahing admin dashboard shell na may nakapirming sidebar at navbar.

Mag-sign-in

Custom na layout ng form at disenyo para sa isang simpleng sign in form.

Malagkit na footer

Maglakip ng footer sa ibaba ng viewport kapag maikli ang nilalaman ng page.

Malagkit na footer navbar

Maglakip ng footer sa ibaba ng viewport na may nakapirming navbar sa itaas.

Jumbotron

Gumamit ng mga utility para muling likhain at pahusayin ang jumbotron ng Bootstrap 4.

Balangkas

Mga halimbawang tumutuon sa pagpapatupad ng mga paggamit ng mga built-in na bahagi na ibinigay ng Bootstrap.

Panimulang template

Walang iba kundi ang mga pangunahing kaalaman: pinagsama-samang CSS at JavaScript.

Grid

Maramihang mga halimbawa ng mga layout ng grid kasama ang lahat ng apat na tier, nesting, at higit pa.

Cheatsheet

Kitchen sink ng mga bahagi ng Bootstrap.

Cheatsheet RTL

Kitchen sink ng mga bahagi ng Bootstrap, RTL.

Kinukuha ang default na bahagi ng navbar at ipinapakita kung paano ito maililipat, mailagay, at mapalawak.

Mga Navbar

Pagpapakita ng lahat ng tumutugon at opsyon sa container para sa navbar.

Navbar static

Isang halimbawa ng navbar ng isang static na tuktok na navbar kasama ng ilang karagdagang nilalaman.

Naayos ang Navbar

Isang halimbawa ng navbar na may nakapirming tuktok na navbar kasama ng ilang karagdagang nilalaman.

Navbar sa ibaba

Isang halimbawa ng navbar na may ilalim na navbar kasama ng ilang karagdagang nilalaman.

Offcanvas navbar

Gawing isang sliding offcanvas na menu ang iyong napapalawak na navbar (hindi ginagamit ang aming offcanvas na bahagi).

RTL

Tingnan ang bersyon ng RTL ng Bootstrap na gumagana sa mga binagong halimbawa ng Custom na Bahagi na ito.

Ang tampok na RTL ay pang- eksperimento pa rin at malamang na magbabago ayon sa feedback ng user. May nakita o may iminumungkahi na pagpapabuti? Magbukas ng isyu , gusto naming makuha ang iyong mga insight.

RTL ng album

Simpleng one-page na template para sa mga photo gallery, portfolio, at higit pa.

Checkout RTL

Pasadyang form ng pag-checkout na nagpapakita ng aming mga bahagi ng form at ang kanilang mga tampok sa pagpapatunay.

Carousel RTL

I-customize ang navbar at carousel, pagkatapos ay magdagdag ng ilang bagong bahagi.

Blog RTL

Magazine tulad ng template ng blog na may header, nabigasyon, itinatampok na nilalaman.

Dashboard RTL

Pangunahing admin dashboard shell na may nakapirming sidebar at navbar.

Mga pagsasama

Mga pagsasama sa mga panlabas na aklatan.

Pagmamason

Pagsamahin ang mga kapangyarihan ng grid ng Bootstrap at ang layout ng Masonry.


Pumunta pa sa Mga Tema ng Bootstrap

Kailangan mo ng higit pa sa mga halimbawang ito? Dalhin ang Bootstrap sa susunod na antas gamit ang mga premium na tema mula sa opisyal na Bootstrap Themes marketplace . Binuo ang mga ito bilang sarili nilang mga pinahabang framework, na mayaman sa mga bagong bahagi at plugin, dokumentasyon, at mahuhusay na tool sa pagbuo.

Mag-browse ng mga tema
Mga Tema ng Bootstrap