Mwachidule za polojekiti, zomwe zili mkati, ndi momwe mungayambitsire ndi template yosavuta.
Musanatsitse, onetsetsani kuti muli ndi code editor (tikupangira Sublime Text 2 ) ndi chidziwitso chogwira ntchito cha HTML ndi CSS. Sitidutsa pamafayilo oyambira pano, koma alipo kuti mutsitse. Timayang'ana kwambiri poyambira ndi mafayilo athu ophatikizidwa a Bootstrap.
Njira yachangu kwambiri yoyambira: pezani mitundu yophatikizidwa komanso yosinthidwa ya CSS, JS, ndi zithunzi. Palibe zolemba kapena mafayilo oyambira.
Pezani mafayilo oyambilira a CSS ndi Javasript onse, limodzi ndi zolemba zakumaloko potsitsa mtundu waposachedwa mwachindunji kuchokera ku GitHub.
Pakutsitsa mupeza mawonekedwe a fayilo ndi zomwe zili m'munsimu, ndikuyika m'magulu azinthu zofananira ndikupereka kusiyanasiyana kophatikizidwa komanso kocheperako.
Mukatsitsa, tsegulani chikwatu choponderezedwa kuti muwone mawonekedwe a (wophatikizidwa) Bootstrap. Mudzawona chonga ichi:
bootstrap / ├── css / │ ├── bootstrap . css │ ├── bootstrap . min . css ├── js / │ ├── bootstrap . js │ ├── bootstrap . min . js ├── img / │ ├── glyphicons - halflings . png │ ├── glyphicons - halflings - woyera . png └── WERENGANI . md
Uwu ndiye mtundu wofunikira kwambiri wa Bootstrap: mafayilo opangidwa kuti agwiritse ntchito mwachangu pafupifupi pulojekiti iliyonse. Timapereka CSS ndi JS ( bootstrap.*
), kuphatikizapo CSS ndi JS ( bootstrap.min.*
). Mafayilo azithunzi amapanikizidwa pogwiritsa ntchito ImageOptim , pulogalamu ya Mac yopondereza ma PNG.
Bootstrap imabwera yokhala ndi HTML, CSS, ndi JS pazinthu zamitundu yonse, koma imatha kufotokozedwa mwachidule ndi magulu angapo omwe akuwoneka pamwamba pa zolemba za Bootstrap .
Masitayilo apadziko lonse lapansi kuti thupi likhazikitsenso mtundu ndi maziko, masitayilo olumikizirana, dongosolo la gridi, ndi masanjidwe awiri osavuta.
Masitayilo azinthu wamba za HTML monga typography, code, matebulo, mafomu, ndi mabatani. Zimaphatikizanso ma Glyphicons , chithunzi chachikulu chaching'ono.
Masitayilo oyambira amitundu yofananira monga ma tabo ndi mapiritsi, navbar, zidziwitso, mitu yamasamba, ndi zina zambiri.
Zofanana ndi Zigawo, mapulagini awa a Javascript ndi zida zolumikizirana pazinthu monga zida, popovers, modals, ndi zina zambiri.
Pamodzi, zigawo za Components ndi Javascript plugins zimapereka mawonekedwe awa:
M'mabuku amtsogolo, titha kudutsa zigawo izi payekhapayekha mwatsatanetsatane. Mpaka nthawi imeneyo, yang'anani chilichonse mwazolembazo kuti mumve zambiri za momwe mungagwiritsire ntchito ndikusintha mwamakonda.
Ndichidule chachidule cha zomwe zili mkati, titha kuyang'ana kwambiri kuyika Bootstrap kuti tigwiritse ntchito. Kuti tichite izi, tidzagwiritsa ntchito template yoyambira ya HTML yomwe ili ndi zonse zomwe tatchula mu Fayilo .
Tsopano, nayi mawonekedwe a fayilo ya HTML yodziwika bwino :
- <html>
- <mutu>
- <title> Bootstrap 101 Template </title>
- </mutu>
- <thupi>
- <h1> Moni, dziko! </ h1>
- </ thupi>
- </html>
Kuti mupange template ya Bootstrapped , ingophatikizani mafayilo oyenera a CSS ndi JS:
- <html>
- <mutu>
- <title> Bootstrap 101 Template </title>
- <!-- Bootstrap -->
- <link href = "css/bootstrap.min.css" rel = "stylesheet" >
- </mutu>
- <thupi>
- <h1> Moni, dziko! </ h1>
- <script src = "js/bootstrap.min.js" ></script>
- </ thupi>
- </html>
Ndipo mwakonzeka! Ndi mafayilo awiriwo atawonjezedwa, mutha kuyamba kupanga tsamba lililonse kapena pulogalamu iliyonse ndi Bootstrap.
Pitani kupyola template yoyambira ndi masanjidwe angapo a zitsanzo. Timalimbikitsa anthu kubwereza zitsanzozi osati kungozigwiritsa ntchito ngati zotsatira zake.
Muli ndi gawo la ngwazi ya uthenga woyamba ndi zinthu zitatu zothandizira.
Timagwiritsa ntchito makina athu atsopano omvera, amadzimadzi kuti apange mawonekedwe amadzimadzi opanda msoko.
Chikalata cha barebones HTML chokhala ndi Bootstrap CSS ndi javascript zikuphatikizidwa.
Pitani ku ma docs kuti mudziwe zambiri, zitsanzo, ndi zidule za code, kapena tsatirani njira ina ndikusintha Bootstrap pulojekiti iliyonse yomwe ikubwera.
Pitani ku zolemba za Bootstrap Sinthani Mwamakonda Anu Bootstrap