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.

Screenshot ng album
Album

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

Screenshot ng pagpepresyo
Pagpepresyo

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

Screenshot ng checkout
Tignan mo

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

Screenshot ng produkto
produkto

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

Screenshot sa takip
Takpan

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

screenshot ng carousel
Carousel

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

Screenshot ng blog
Blog

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

Screenshot ng dashboard
Dashboard

Pangunahing admin dashboard shell na may nakapirming sidebar at navbar.

Screenshot sa pag-sign in
Mag-sign-in

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

Screenshot ng sticky footer
Malagkit na footer

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

Malagkit na footer navbar na screenshot
Malagkit na footer navbar

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

Balangkas

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

Screenshot ng panimulang template
Panimulang template

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

Screen ng grid
Grid

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

screenshot ng Jumbotron
Jumbotron

Bumuo sa paligid ng jumbotron gamit ang isang navbar at ilang pangunahing grid column.

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

Screenshot ng Navbars
Mga Navbar

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

Navbar static na screenshot
Navbar static

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

Inayos ng Navbar ang screenshot
Naayos ang Navbar

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

screenshot sa ibaba ng Navbar
Navbar sa ibaba

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

Mga eksperimento

Mga halimbawang tumutuon sa mga feature o diskarteng panghinaharap sa hinaharap.

Screenshot ng mga lumulutang na label
Mga lumulutang na label

Mga magagandang simpleng form na may mga lumulutang na label sa iyong mga input.

Offcanvas na screenshot
Offcanvas

Gawing sliding offcanvas menu ang iyong napapalawak na navbar.


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