Ma jeclaan lahayd inaad abuurto shabakado si fiican ugu muuqda dhammaan aaladaha, laga bilaabo moobaylka ilaa desktop-ka? Ma rabtaa inaad waqti iyo dadaal ku badbaadiso naqshadaynta iyo horumarinta boggaga internetka? Hadday jawaabtu haa tahay, markaa waxaad u baahan tahay inaad ogaato Bootstrap, qaab-dhismeedka CSS oo ku siinaya ururinta agabka iyo qaybaha si aad shaqadaada ugu fududaato.
Barnaamijkan ayaa daryeeli doona xalli dhibaatooyinka jira waafaqid dhexdooda, iyagoo bixinaya khibrad isticmaale oo isku mid ah. Maqaalkan waxaan ku sharxi doonaa waxa Bootstrap yahay, waxa loogu talagalay, sida ay u shaqeyso iyo sida loo isticmaalo qaababkeeda si loo abuuro. mareegaha jawaabaha iyo soo jiidashada leh.
Waa maxay Bootstrap
Bootstrap waa a Qaab dhismeedka CSS il furan. Waqtigan xaadirka ah, waa mid ka mid ah kuwa ugu badan ee ay adeegsadaan horumariyeyaasha webka. Faa'iidooyinka ay leedahay, waxa ka muuqda:
- Suurtagalnimada abuurista bog shabakad si fiican ula qabsan kara dhammaan noocyada qalabka, laga bilaabo casriga ah ilaa kombayuutarrada miiska. Tani waa sababta oo ah Bootstrap waxay isticmaashaa nidaam shabakad dabacsan oo kuu ogolaanaya inaad hagaajiso xajmiga iyo booska walxaha ku salaysan ballaca shaashadda.
- Helitaanka qaybo badan oo kala duwan oo horay loo sii qeexay, sida badhamada, menu-yada, foomamka, miisaska, digniinaha, carousels, iwm. Qaybahan waxaa si fudud loogu habeyn karaa fasallada CSS ama JavaScript.
- La jaanqaadka daalacashada ugu weyn, sida Chrome, Firefox, Safari, Edge ama Internet Explorer. Bootstrap waxay daryeeshaa xalinta mashaakilaadka iswaafajinta suurtagalka ah ee dhexdooda, iyadoo bixisa khibrad isticmaale oo lebis ah.
- Isticmaalka iyo barashada fudud. Bootstrap waxay leedahay qaab dhismeedka faylka fudud iyo dukumeenti faahfaahsan oo faahfaahsan. Intaa waxaa dheer, waxaa jira casharro badan oo online ah iyo goleyaal kaa caawinaya inaad bilowdo ama ka jawaabto su'aalahaaga.
Sida Bootstrap u shaqeeyo
Bootstrap wuxuu ku shaqeeyaa qaab faylal ah CSS iyo JS taas oo la soo dejisan karo oo lagu dari karo mashruucaaga shabakada. Faylashani waxay ka kooban yihiin koodka lagama maarmaanka u ah in lagu dabaqo nidaamka xadhkaha Bootstrap, qaybaha, iyo shaqaynta.
Bootstrap waxa kale oo uu ku shaqeeyaa qaab-habboon oo loo isticmaali karo aasaaska dhisidda mareegahaaga. Qaababkaan waxaa ku jira Koodhka HTML lagama maarmaanka u ah in lagu qaabeeyo nuxurka iyo naqshadeynta boggaga internetka. Waxa kale oo aad wax ka beddeli kartaa ama ku dari kartaa koodka HTML ee adiga kuu gaar ah sida aad doorbidayso.
Bootstrap waxa kale oo ay ka shaqeysaa qaybo CSS ah oo loo isticmaali karo in lagu habeeyo muuqaalka iyo hab-dhaqanka walxaha ku jira mareegahaaga. Fasaladaan waxaa si toos ah loogu dabaqi karaa koodhka HTML ama fayl css dibadda ah. Waxa kale oo aad wax ka beddeli kartaa ama ku dari kartaa summadaada CSS sida ay baahidaadu tahay.
Sida loo isticmaalo qaababka Bootstrap
Isticmaalka qaababka Bootstrap waa mid aad u fudud. Kaliya waa inaad raacdaa talaabooyinkan:
- Soo deji faylka ZIP oo ka kooban Bootstrap's CSS iyo faylasha JS boggeeda rasmiga ah.
- Fura faylka oo nuqul ka samee galka bootstrap xididka mashruucaaga shabakada.
- Soo deji template Bootstrap in aad sida ugu badan uga hesho boggeeda rasmiga ah ama mareegaha kale ee bixiya qaabab lacag la'aan ah ama lacag la'aan ah.
- Koobi faylalka HTML, CSS iyo JS ee xididka mashruucaaga shabakada ama faylalka u dhigma.
- Fur faylka HTML ee template leh tifaftiraha koodka aad ugu jeceshahay oo wax ka beddel nuxurka iyo naqshadaynta sida aad doorbidayso. Xusuusnow inaad ku darto xiriiriyeyaasha Bootstrap CSS iyo faylasha JS iyo qaabka CSS iyo faylasha JS ee ku jira koodhka HTML.
- Keydi isbedelada oo fur faylka HTML oo wata browserkaaga si aad u aragto natiijada.
Tusaalooyinka shabakadaha lagu dhisay Bootstrap
Si aan ku siiyo fikrad ah waxa lagu samayn karo Bootstrap, waxaan ku tusinaynaa qaar ka mid ah tusaalooyinka mareegaha la sameeyay qaabkan:
- Muuqaal: Adeegga qulqulka muusigga ee caanka ah wuxuu isticmaalaa Bootstrap si uu u abuuro shabakadeeda, labadaba desktop-ka iyo nooca mobilada. Naqshaduhu waa mid fudud oo qurux badan, oo leh isticmaalka ugu badan ee cagaarka iyo caddaanka. Qaybaha bootstrap ayaa si fiican ugu habboon nuxurka iyo shaqeynta goobta.
- Netflix: Fiidiyow-baahida loo baahan yahay ee hormuudka ka ah waxay sidoo kale u isticmaashaa Bootstrap boggeeda, dhammaan noocyada. Naqshadu waa mid casri ah oo soo jiidasho leh, iyadoo inta badan la isticmaalo casaan iyo madow. Bootstrap waxa loo isticmaalaa in lagu soo bandhigo qaybaha, cinwaanada, qiimaynta iyo talooyinka si hab firfircoon oo ka jawaaba.
- airbnb: Madal martigelinta isku-faca ah ee hormuudka u ah sidoo kale waxay isticmaashaa Bootstrap si ay u dhisto shabakadeeda. Naqshadu waa nadiif ah oo yar, iyadoo inta badan la isticmaalo cad iyo casaan. Qaybaha bootstrap waxa loo isticmaalaa in lagu soo bandhigo xulashooyinka raadinta, filtarrada, natiijooyinka, iyo faahfaahinta si cad oo nidaamsan.
Qaababka Bootstrap-ka ugu Fiican
Bootstrap wuxuu bixiyaa qaabab badan oo kala duwan oo loo isticmaali karo si deg deg ah oo sahlan loo abuuro mareegaha. Qaababkaan waxaa ku jira HTML lagama maarmaanka ah, CSS, iyo koodka JS si loo qaabeeyo loona naqshadeeyo bogagga shabakadda, iyo sidoo kale qaybaha Bootstrap iyo shaqeynta. Qaar ka mid ah faa'iidooyinka Si aad u isticmaasho shaxanka Bootstrap waa:
- waqti iyo dadaal badbaadi xagga naqshadaynta iyo horumarinta shabakadda.
- Hel naqshad xirfad leh oo casri ah.
- hubiso la qabsiga iyo iswaafajinta ee websaydhka.
- Gaar ka dhig waxa ku jira iyo muuqaalka sida ay doorbidayaan.
Waxaa jira qaabab badan oo Bootstrap ah oo laga heli karo intarneedka, labadaba bilaash iyo lacag. Qaar ka mid ah qaababka ugu fiican ee Bootstrap ayaa laga heli karaa Envato Elements. Tusaalooyinka qaar ee qaababka Bootstrap ee laga heli karo Envato Elements waa:
- elrumi: tusaale HTML5 fudud, nadiif ah oo yar. Ku habboon abuurista faylalka internetka, degelka mareegaha madaxa-bannaan, wakaaladaha hal-abuurka, iyo nooc kasta oo ganacsi yar.
- Khadka Bogga: xirmo template ah ujeedo badan oo loo isticmaali karo in lagu abuuro websites shirkadaha, portfolios, blogs, dukaamada online, iyo in ka badan. Waxa ku jira qaabayn 19 bog ah jawaab celin buuxda leh, is-dhexgal isticmaale qaab guri oo nadiif ah, 8 midab kala duwan iyo faylasha PSD.
- dabacsanaan- Habyaalo badan oo ujeedo badan leh oo loo isticmaali karo in lagu abuuro mareegaha ganacsiyada, wakaaladaha, bilowga, abka, adeegyada, iyo in ka badan. Waxa ku jira 19 bog oo si buuxda uga jawaabaya, interface isticmaale qaab siman oo nadiif ah, 8 midab kala duwan iyo Faylasha PSD.
U samee boggaga sida aad rabto
Sida aad arki karto, adigoo isticmaalaya Bootstrap, waxaad ka faa'iideysan kartaa faa'iidooyinka isticmaalka templates iyo qaybo hore loo sii qeexay, la cusboonaysiin karo oo la jaan qaadi kara daalacashada mareegaha ugu muhiimsan. Sidoo kale, waxaad ku baran kartaa sida loo isticmaalo Bootstrap si sahlan iyada oo ay ugu wacan tahay dukumentiyada iyo agabka laga heli karo online. Haddii aad rabto inaad abuurto shabakado xirfad leh oo casri ah, Bootstrap waa aalad aan ka maqnaan karin arsenalkaaga. Waxaan rajeyneynaa in maqaalkani uu adiga iyo taas waxtar kuu lahaa waxaa lagugu dhiirigelinayaa inaad tijaabiso Bootstrap! 😊