Uhlolojikelele lwephrojekthi, okuqukethwe kwayo, nokuthi ungaqala kanjani ngesifanekiso esilula.
Ngaphambi kokulanda, qiniseka ukuthi unomhleli wekhodi (sincoma Umbhalo Ophansi 2 ) kanye nolwazi oluthile olusebenzayo lwe-HTML ne-CSS. Ngeke sihambe kumafayela omthombo lapha, kodwa ayatholakala ukuze alandwe. Sizogxila ekuqaliseni ngamafayela ethu ahlanganisiwe e-Bootstrap.
Indlela eshesha kakhulu yokuqalisa: thola izinguqulo ezihlanganisiwe nezincishisiwe ze-CSS yethu, i-JS, nezithombe. Awekho amadokhumenti noma amafayela omthombo wangempela.
Thola amafayela oqobo ayo yonke i-CSS ne-Javasript, kanye nekhophi yasendaweni yamadokhumenti ngokulanda inguqulo yakamuva ngokuqondile ku-GitHub.
Ngaphakathi kokulanda uzothola ukwakheka kwefayela okulandelayo nokuqukethwe, ukuqoqa ngokunengqondo izimpahla ezivamile futhi kunikeze kokubili okuhlanganisiwe nokuguquliwe.
Uma isilandiwe, vula unzip ifolda ecindezelwe ukuze ubone ukwakheka kwe-(i-Bootstrap ehlanganisiwe). Uzobona into efana nale:
i -bootstrap / ├── css / │ ├── i- bootstrap . css │ ├── i- bootstrap . imiz . css ├── js / │ ├── i- bootstrap . js │ ├── i- bootstrap . imiz . js ├── img / │ ├── ama- glyphicons - halflings . png │ ├── ama- glyphicons - ama- halflings - amhlophe . png └── FUNDA . md
Lolu uhlobo oluyisisekelo kakhulu lwe-Bootstrap: amafayela ahlanganisiwe ukuze asetshenziswe ngokushesha cishe kunoma iyiphi iphrojekthi yewebhu. Sihlinzeka nge-CSS ne-JS ( bootstrap.*
) ehlanganisiwe, kanye ne-CSS ne-JS ( bootstrap.min.*
). Amafayela esithombe acindezelwa kusetshenziswa i - ImageOptim , uhlelo lokusebenza lwe-Mac lokucindezela ama-PNG.
I-Bootstrap iza ifakwe i-HTML, i-CSS, ne-JS yazo zonke izinhlobo zezinto, kodwa ingafingqwa ngezigaba ezimbalwa ezibonakala phezulu kwemibhalo ye- Bootstrap .
Izitayela zomhlaba wonke ukuze umzimba usethe kabusha uhlobo nengemuva, izitayela zokuxhumanisa, isistimu yegridi, nezakhiwo ezimbili ezilula.
Izitayela zezinto ezijwayelekile ze-HTML njenge-typography, ikhodi, amathebula, amafomu, nezinkinobho. Futhi kufaka phakathi ama- Glyphicons , isethi yesithonjana esihle kakhulu.
Izitayela eziyisisekelo zezingxenye zokusebenzelana ezivamile ezifana namathebhu namaphilisi, i-navbar, izexwayiso, izihloko zekhasi, nokuningi.
Ngokufanayo nama-Components, lawa ma-plugin e-Javascript ayizingxenye ezisebenzisanayo zezinto ezifana namathiphu amathuluzi, ama-popovers, ama-modal, nokuningi.
Ndawonye, izingxenye ze- Components kanye ne - Javascript plugin zinikeza izici zesixhumi esibonakalayo ezilandelayo:
Kumihlahlandlela yesikhathi esizayo, singase sihambe kulezi zingxenye ngazinye ngokuningiliziwe. Kuze kube yileso sikhathi, bheka ngakunye kwalokhu embhalweni ukuze uthole ulwazi mayelana nokusetshenziswa nokuwenza ngendlela oyifisayo.
Ngesethulo esifushane sokuqukethwe esiphumile endleleni, singagxila ekubekeni i-Bootstrap ezosetshenziswa. Ukuze senze lokho, sizosebenzisa isifanekiso se-HTML esiyisisekelo esihlanganisa yonke into esiyishilo esakhiweni sefayela .
Manje, nakhu ukubheka ifayela elijwayelekile le-HTML :
- <html>
- <ikhanda>
- <isihloko> Isifanekiso se-Bootstrap 101 </title>
- </ikhanda>
- <umzimba>
- <h1> Sawubona, mhlaba! </h1>
- </umzimba>
- </html>
Ukwenza lokhu kube isifanekiso esine-Bootstrapped , vele ufake amafayela afanelekile e-CSS kanye ne-JS:
- <html>
- <ikhanda>
- <isihloko> Isifanekiso se-Bootstrap 101 </title>
- <!-- I-Bootstrap -->
- <link href = "css/bootstrap.min.css" rel = "stylesheet" >
- </ikhanda>
- <umzimba>
- <h1> Sawubona, mhlaba! </h1>
- <script src = "js/bootstrap.min.js" ></script>
- </umzimba>
- </html>
Futhi usulungile! Ngalawo mafayela amabili engeziwe, ungaqala ukuthuthukisa noma iyiphi isayithi noma uhlelo lokusebenza nge-Bootstrap.
Hambisa ngale kwesifanekiso esiyisisekelo ngezakhiwo eziyizibonelo ezimbalwa. Sikhuthaza abantu ukuthi baphindaphinde kulezi zibonelo futhi bangamane bazisebenzise njengomphumela.
Kufakwe neyunithi yeqhawe yomlayezo oyinhloko nezinto ezintathu ezisekelayo.
Isebenzisa isistimu yethu entsha esabelayo, yegridi ewuketshezi ukuze idale isakhiwo soketshezi esingenamthungo.
Idokhumenti ye-HTML ye-barebones nayo yonke i-Bootstrap CSS ne-javascript efakiwe.
Yiya kumadokhumenti ukuze uthole ulwazi, izibonelo, namazwibela ekhodi, noma uthathe isinyathelo esilandelayo futhi wenze ngendlela oyifisayo i-Bootstrap yanoma iyiphi iphrojekthi ezayo.
Vakashela amadokhumenti e-Bootstrap Enza ngendlela oyifisayo i-Bootstrap