Ungathanda ukudala amawebhusayithi abukeka emuhle kuwo wonke amadivayisi, kusukela kuselula kuye kudeskithophu? Uyafuna ukonga isikhathi namandla ekwakhiweni nasekuthuthukisweni kwamakhasi akho ewebhu? Uma impendulo inguyebo, khona-ke udinga ukwazi i-Bootstrap, uhlaka lwe-CSS olukunikeza iqoqo lamathuluzi nezingxenye zokwenza umsebenzi wakho ube lula.
Lolu hlelo luzonakekela ukuxazulula izinkinga ezingaba khona ukuhambisana phakathi kwabo, ukunikeza isipiliyoni somsebenzisi esifanayo. Kulesi sihloko sizochaza ukuthi iyini i-Bootstrap, ukuthi iyini, isebenza kanjani nokuthi isetshenziswa kanjani izifanekiso zayo ukuze idale. amawebhusayithi asabelayo futhi akhangayo.
Yini i-Bootstrap
I-Bootstrap iyi- Uhlaka lwe-CSS umthombo ovulekile. Njengamanje, ingenye esetshenziswa kakhulu abathuthukisi bewebhu. Phakathi kwezinzuzo zayo, igqamile:
- Amathuba wokudala ikhasi lewebhu ivumelana ngokuphelele nazo zonke izinhlobo zamadivayisi, kusukela kuma-smartphones kuya kumakhompyutha edeskithophu. Lokhu kungenxa yokuthi i-Bootstrap isebenzisa isistimu yegridi eguquguqukayo ekuvumela ukuthi ulungise usayizi nendawo yezinto ngokusekelwe kububanzi besikrini.
- Ukutholakala kwezinhlobonhlobo ezinkulu zezingxenye ezichazwe ngaphambilini, njengezinkinobho, amamenyu, amafomu, amathebula, izexwayiso, ama-carousels, njll. Lezi zingxenye zingenziwa ngokwezifiso kalula ngamakilasi e-CSS noma nge-JavaScript.
- Ukuhambisana neziphequluli zewebhu eziphambili, njenge-Chrome, Firefox, Safari, Edge noma Internet Explorer. I-Bootstrap inakekela ukuxazulula izinkinga zokusebenzisana okungenzeka phakathi kwazo, inikeze ulwazi lomsebenzisi olufanayo.
- Kulula ukuyisebenzisa nokufunda. I-Bootstrap inesakhiwo sefayela esilula kanye nemibhalo ebanzi nenemininingwane. Ngaphezu kwalokho, kunezifundo eziningi eziku-inthanethi nezinkundla zokukusiza ukuthi uqalise noma uphendule imibuzo yakho.
Isebenza kanjani i-Bootstrap
sokuqalisa isebenza ngeqoqo lamafayela I-CSS kanye ne-JS ezingalandwa futhi zifakwe kuphrojekthi yakho yewebhu. Lawa mafayela aqukethe ikhodi edingekayo ukuze usebenzise isistimu yegridi ye-Bootstrap, izingxenye, nokusebenza.
I-Bootstrap iphinda isebenze ngesethi yezifanekiso ezingasetshenziswa njengesisekelo sokwakha amawebhusayithi akho. Lezi zifanekiso ziqukethe i- Ikhodi ye-HTML okudingekayo ukuze uhlele okuqukethwe kanye nokwakheka kwamakhasi akho ewebhu. Ungakwazi futhi ukuguqula noma wengeze ikhodi yakho ye-HTML ngokuvumelana nezintandokazi zakho.
I-Bootstrap iphinda isebenze ngesethi yamakilasi e-CSS angasetshenziswa ukwenza ngendlela oyifisayo ukubukeka nokuziphatha kwezinto kuwebhusayithi yakho. Lawa makilasi angasetshenziswa ngokuqondile kukhodi ye-HTML noma kufayela i-css yangaphandle. Ungaphinda uguqule noma wengeze ikhodi yakho ye-CSS ngokwezidingo zakho.
Ungazisebenzisa kanjani izifanekiso ze-Bootstrap
Ukusebenzisa izifanekiso ze-Bootstrap kulula kakhulu. Kufanele nje ulandele lezi zinyathelo:
- Landa ifayela le-ZIP equkethe i-Bootstrap's CSS kanye namafayela e-JS asuka ekhasini layo elisemthethweni.
- Vula ifayili bese ukopisha ifolda ye-bootstrap empandeni yephrojekthi yakho yewebhu.
- Landa isifanekiso se-Bootstrap othanda kakhulu ekhasini layo elisemthethweni noma kwamanye amawebhusayithi anikezela ngezifanekiso zamahhala noma ezikhokhelwayo.
- Kopisha amafayela I-HTML, i-CSS ne-JS kuyimpande yephrojekthi yakho yewebhu noma kumafolda ahambisanayo.
- Vula ifayela le-HTML yesifanekiso esinomhleli wakho wekhodi owuthandayo futhi uguqule okuqukethwe nokuklama ngokuvumelana nezintandokazi zakho. Khumbula ukufaka izixhumanisi ku-Bootstrap CSS kanye namafayela e-JS kanye namafayela e-CSS kanye namafayela e-JS kukhodi ye-HTML.
- Londoloza izinguquko bese uvule ifayela HTML ngesiphequluli sakho sewebhu ukuze ubone umphumela.
Izibonelo zamawebhusayithi akhiwe nge-Bootstrap
Ukukunikeza umbono wokuthi yini engenziwa nge-Bootstrap, sikubonisa izibonelo ezithile zamawebhusayithi adalwe ngalolu hlaka:
- Spotify: insizakalo yokusakaza umculo edumile isebenzisa i-Bootstrap ukudala iwebhusayithi yayo, kukho kokubili ideskithophu yayo kanye nenguqulo yeselula. Idizayini ilula futhi inhle, ngokusetshenziswa kakhulu kokuluhlaza nokumhlophe. Izingxenye ze-Bootstrap zivumelane ngokuphelele nokuqukethwe nokusebenza kwesayithi.
- I-Netflix: iplathifomu ehamba phambili yevidiyo-kwesidingo futhi isebenzisa i-Bootstrap kuwebhusayithi yayo, kuzo zonke izinguqulo. Umklamo ungowesimanje futhi uyakhanga, esetshenziswa kakhulu okubomvu nokumnyama. I-Bootstrap isetshenziselwa ukubonisa izigaba, izihloko, izilinganiso nezincomo ngendlela ashukumisayo futhi asabelayo.
- I-Airbnb: Inkundla yokusingathwa kontanga ehamba phambili isebenzisa i-Bootstrap ukwakha iwebhusayithi yayo. Umklamo uwukuthi ihlanzekile futhi minimalist, esetshenziswa kakhulu okumhlophe nokubomvana. Izingxenye ze-Bootstrap zisetshenziselwa ukubonisa izinketho zokusesha, izihlungi, imiphumela, kanye nemininingwane ngendlela ecacile nehlelekile.
Izifanekiso ezihamba phambili ze-Bootstrap
I-Bootstrap inikeza izifanekiso eziningi ezihlukahlukene ezingasetshenziswa ukudala amawebhusayithi ngokushesha futhi kalula. Lezi zifanekiso ziqukethe i-HTML edingekayo, i-CSS, nekhodi ye-JS ukuze uhlele futhi uklame amakhasi ewebhu, kanye nezingxenye ze-Bootstrap nokusebenza. Ezinye izinzuzo ukusebenzisa izifanekiso ze-Bootstrap yilezi:
- yonga isikhathi nomzamo ekwakhiweni nasekuthuthukisweni kwewebhu.
- Thola idizayini yobungcweti nezanamuhla.
- uqinisekise i ukuzivumelanisa nezimo nokuhambisana yewebhusayithi.
- Yenza okuqukethwe kube ngokwakho nokubukeka ngokuvumelana nezintandokazi.
Ziningi izifanekiso ze-Bootstrap ezitholakala ku-inthanethi, zombili zamahhala nezikhokhelwayo. Ezinye zezifanekiso ezinhle kakhulu ze-Bootstrap zingatholakala ku-Envato Elements. Ezinye izibonelo zezifanekiso ze-Bootstrap ezitholakala ku-Envato Elements yilezi:
- elrumi: isifanekiso I-HTML5 elula, ehlanzekile futhi minimalist. Ilungele ukudala iphothifoliyo eku-inthanethi, iwebhusayithi yesisebenzi esizimele, ama-ejensi okudala, nanoma yiluphi uhlobo lwebhizinisi elincane.
- Umugqa Wekhasi: iphekhi lesifanekiso sezinhloso eziningi esingasetshenziswa ukudala amawebhusayithi ezinkampani, amaphothifoliyo, amabhulogi, izitolo ze-inthanethi, nokuningi. Kufaka phakathi izakhiwo zamakhasi ayi-19 isabela ngokugcwele, isikhombimsebenzisi esihlanzekile esiyisicaba somsebenzisi, ukuhluka kwemibala engu-8 namafayela e-PSD.
- ukuguquguquka- Iqoqo lezifanekiso zezinhloso eziningi ezingasetshenziswa ukudala amawebhusayithi amabhizinisi, ama-ejensi, iziqalo, izinhlelo zokusebenza, amasevisi, nokuningi. Ihlanganisa izakhiwo zamakhasi eziyi-19 eziphendula ngokugcwele, isikhombimsebenzisi esihlanzekile sesitayela esiyisicaba, ukuhluka kwemibala eyi-8 kanye Amafayela we-PSD.
Dala amakhasi akho ngendlela ofuna ngayo
Njengoba ubona, nge-Bootstrap, ungasebenzisa leli thuba izinzuzo zokusebenzisa izifanekiso kanye nezingxenye ezichazwe ngaphambilini, ezingenziwa ngendlela oyifisayo futhi ezihambisana neziphequluli zewebhu eziyinhloko. Futhi, ungafunda ukusebenzisa i-Bootstrap kalula ngenxa yayo imibhalo kanye nezinsiza itholakala ku-inthanethi. Uma ufuna ukwakha amawebhusayithi asebenzayo nawesimanje, i-Bootstrap iyithuluzi elingeke lishode kunqolobane yakho. Sithemba ukuthi lesi sihloko sibe usizo kuwe nalokho ukhuthazwa ukuthi uzame i-Bootstrap!