Ma haysaa wax fikrad ahSida loo isticmaalo Bootstrap? Waa hagaag ha welwelin! Maqaalkan waxaan si faahfaahsan ugu xusi doonnaa sida ugu wanaagsan ee looga faa'iideysan karo arjiga webka. Baro wax walba oo ku saabsan farsamadan iyo sida loo isticmaalo.
Sida loo isticmaalo Bootstraps?
Waxaan dhihi karnaa kani waa silsilado qalab il furan oo isdaba joog ah oo loogu talagalay sawiridda ama abuuridda degellada iyo codsiyada. Waxay ka kooban tahay tusaalooyin badan oo loogu talagalay naqshadeynta websaydhka, iyo sidoo kale menus navigation iyo shaqooyinka kale ee naqshadeynta.
Tusaale ahaan, WordPress, waxaa lagu rakibi karaa mawduuc ahaan, ama loo adeegsan karaa horumarinta plugin, ama xitaa loo adeegsan karaa plugins si loo qaabeeyo shaqadiisa. Ujeeddada qaab -dhismeedku waa in la siiyo adeegsadayaasha waayo -aragnimo aad u wanaagsan marka ay daalacanayaan mareegaha.
Sidaa darteed, ka sokow fududeynta dhismaha bogagga ku habboon Webka iyo aaladaha moobiilka, waxay kaloo leedahay dhowr ilo oo lagu habeeyo qaabka walxaha bogga si fudud oo hufan.
Markii hore, waxaa loogu yeeri jiray Twitter Blueprint, iyo sanadkii 2011, waxay noqotay softiweer il furan waxaana magaceeda loo beddelay Bootstrap. Tan iyo markaas, dhowr jeer ayaa la cusbooneysiiyay oo hadda waa nooca 4.4.
Sida loo isticmaalo Bootstrap ee php? Kani waa aalad siisa is dhexgalka bogga, sidaa darteed waxay soo saartaa qaybo taxane ah oo siiya isgaarsiinta isticmaaleyaasha, sida menus navigation, kontaroolada bogga, baararka horumarka, iyo kuwo kale.
Marka lagu daro dhammaan shaqooyinka ay bixisay qaab -dhismeedku, ujeeddadiisa ugu weyni waa in la suurtogeliyo abuurista degello wax -ku -ool ah oo loogu talagalay aaladaha mobilada.
Taas macnaheedu waa in bogaggan loogu talagalay inay ka shaqeeyaan miisaska, kiniinnada iyo taleefannada casriga ah si aad u fudud oo habaysan.
Sidee Bootstrap ugu shaqeeyaa php?
Si gaar ah Waxaa isku dhafan taxane ah CSS iyo faylasha JavaScript oo mas'uul ka ah bixinta shaqooyin gaar ah qaybaha bogga.
Waxaa jira fayl la yiraahdo bootstrap.css, oo ka kooban sharraxaad cad dhammaan qaababka la adeegsaday, asal ahaan, qaab -dhismeedka qaab -dhismeedku wuxuu ka kooban yahay laba tusayaal:
- css - Waxaa ku jira faylasha looga baahan yahay qaabaynta qaababka iyo faylasha beddelka mawduuca asalka ah.
- js: waxaa ku jira dhabarka feylka (asalka ah oo la yareeyay), oo ay ka go'an tahay socodsiinta codsiyada qaabka u baahan hawlgallo is -dhexgal ah.
Si aad ugu qoondeyso astaamaha canaasiirta, sida loo isticmaalo Bootstrap ee php waxaan u baahanahay oo kaliya inaan ogeysiino fasalka u dhigma ee "fasalka" sifo curiyaha si loo habeeyo.
Waa maxay shaqeynta Bootstrap ee php?
Waxay bixisaa shaqooyin badan oo laga fulin karo websaydhka, aan aragno xulashooyinka aaladdan.
Naqshadeynta Jawaabta
Mid ka mid ah astaamaha ugu waaweyn ee codsigan ayaa ah in loo oggolaado bogga inuu isku hagaajiyo iyadoo loo eegayo nooca aaladda la adeegsaday, si loo hubiyo jawaab -celinta, qaab -dhismeedka waxaa loo adeegsan karaa waxyaabaha soo socda:
- Habaynta curiyaha .
- Isticmaalka weelka fasalka.
- Dhab ahaantii, curiyaha Waxaa loo isticmaalaa in la abuuro qoraallo taxane ah, oo la mid ah miis, oo la jaanqaadi kara dhismaha bogga.
- Waxaa jiray isku dayo la adeegsanayo miisas si loo abuuro qaabab wax -ku -ool ah, laakiin waxaa jira xaddidaad ku saabsan dhererka tiirarka la qeexay, taas oo ka dhigaysa wax aan suurtagal ahayn in lagu isticmaalo aaladaha yaryar (sida taleefannada casriga ah).
- Curiye Waa mid dabacsan, waxaad si fudud u qeexi kartaa dhererka oo aad u hagaajin kartaa cabbirkiisa.
- Sida loo isticmaalo Bootstrap ee php? Tani waxay u xilsaartaa hawsha u-eg weelka walxaha , kaas oo loo isticmaalo in lagu go'aamiyo cabbirka saxda ah ee gelinta farqiga.
Asal ahaan, qaab -dhismeedka waxaa loo isticmaali karaa saddex nooc oo weelal:
- Weelka - Ururinta sifooyinka leh ballaca ugu weyn ee go'aamisa cabbirka weelka ugu habboon ee abuurista bogga.
- Dheecaanka Weelka - Tixgeli dhererka guud ee qaab -dhismeedka qalabka si loo qeexo qaabka. Si tan loo sameeyo, sifo ballaadhan (oo loo tixgeliyo 100% dhammaan xaddidaadaha cabbirka dharka).
- Weelka- {breakpoint}: Tixgeli ballaca -100%, ilaa ay ka gaadho cabbir go'an.
Maktabadda Qaybta
Waa tirada qaybaha loo isticmaali karo in lagu bixiyo isdhexgal wanaagsan iyo hagaajinta xiriirka dadka isticmaala.
Digniino
Bootstrap wuxuu u oggolaanayaa qaabeyn fudud oo dhaqso leh noocyo kala duwan oo qaylo -dhaan ah oo midabyo kala duwan leh iyadoo ku xiran xaaladda. Tusaale ahaan, si aan u tusno feejignaanta isticmaalaha, waxaan u baahanahay oo kaliya inaan isticmaalno .wareeg-halis, waxaana soo muuqan doona sanduuq qoraal oo leh gaduud.
Caare
Qeybta sida weyn loo adeegsado ee Bootstrap waa Carousel, slideshow, aalad u saamaxeysa in sawirrada si ficil leh loo soo bandhigo, waxay sidoo kale u oggolaaneysaa ku darista saameyn gaar ah oo loogu talagalay kala -guurka sawirka iyo xakamaynta muujinta, sida “xiga” iyo “kii hore”.
Baarada socodka
Qayb kale oo awood leh oo ka mid ah qaab -dhismeedku waa NavBar (bar navigation), kaas oo kuu oggolaanaya inaad dhisto nidaamyada hagidda jawaabta leh. Waxaad u habayn kartaa siyaabo kala duwan oo aad u soo bandhigi karto menu -ka, waxaad kala dooran kartaa meel toosan ama meel sare, waxaad kaloo qeexi kartaa foomka bandhigga oo la fidi karo ama la burburin karo.
Waxa kale oo aad go'aamin kartaa sida loo muujiyo iskuxirka menu, qaabka iskuxirka menu wuxuu noqon karaa badhamada, iskuxirayaasha, menusyada la hakiyay iyo goobo kale si loo fududeeyo hab -socodka goobista goobta.
Sida loo soo dejiyo Bootstrap php?
Waxa kale oo jira ikhtiyaar ah in la soo dejiyo koodhka isha ee qaab -dhismeedka maxaa yeelay waa aalad koodh ballaadhan. Waxaa jira siyaabo badan oo loo soo dejisto qaab -dhismeedkan, sida loo isticmaalo barnaamijka Bootstrap ee php, marka nuqulka la soo ururiyey ee CSS iyo JavaScript code laga soo dejiyo bogga
Kuwa aan doonaynin inay soo dejistaan faylasha waxay geli karaan qaab -dhismeedka iyagoon ku rakibin server -ka, runtii faylka rakibidda wuxuu ku yaallaa aag kale, DNS kale. Si tan loo sameeyo, waxaan u baahanahay oo kaliya inaan isticmaalno iskuxirka si aan u helno CD -ga ama Bootstrap CDN, oo sidan ku dar tixraaca faylasha lagama maarmaanka u ah in la isticmaalo.
Hab kale oo lagu soo dejisan karo qaab -dhismeedka waa iyada oo loo marayo maareeyaha xirmada. Waxaa muhiim ah in la yiraahdo Bootstrap waxaa loo adeegsan karaa luqadaha barnaamijyada kala duwan, sidaa darteed waxaad isticmaali kartaa RubyGems, Composer ama Nuget si aad uga soo dejiso Node.js qaab npm oo u isticmaal inaad ku abuurto degellada websaytyada lagu sameeyay WordPress, Ruby on Rails, Asp.Net, iyo kuwo kale.
Sida loo habeeyo loona isticmaalo Bootstrap?
Si gaar ah waxaa jira dhowr siyaabood oo loo dhisi karo ama loo dhisi karo adeegsiga codsiyada shabakadda, hase yeeshe, si ay u bilowdo, waxaa muhiim ah in lagu daro faylasha JQuery iyo Popper.js, oo lagama maarmaan u ah fulinta qaybo gaar ah, si loo bilaabo isticmaalka bogga dhexdiisa, waxaad u baahan tahay inaad ku darto tixraac faylka qaab -dhismeedka ugu weyn ee bogga hoyga appka.
Halkaan waxaad ka arki kartaa koodhka mid ka mid ah bogaggaan HTML oo leh dhammaan tixraacyada lagama maarmaanka u ah dhismuhu inuu shaqeeyo:
Hello, adduunka! Hello, adduunka!/jquery-3.4.1.slim.min.js” integrity=”sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n” crossorigin=”anonymous”></script> <script src=”https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js” integrity=”sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo” crossorigin=”anonymous”></script><script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js” integrity=”sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6″ crossorigin=”anonymous”></script></body></html>
Hubi inaad raacdo tixraaca amarka lagu dejiyay tusaalaha, sidaa darteed tixraaca koowaad waa inuu noqdaa faylka bootstrap.css ee sumadda . Kahor intaadan xidhin sumadda , tixraaca faylka JavaScript waa in la dhigaa salka bogga. Qiimaha caadiga ah ee qoraalku waa inuu ahaado: JQuery, Popper.js, iyo Bootstrap.js.
Waa inaan sidoo kale xusnaa in habka codsigan loo habeeyay uu ku kala duwan yahay iyadoo ku xiran nooca deegaanka aad ku jirto, tusaale ahaan WordPress, waxaad sidoo kale ku dari kartaa qaab -dhismeed adoo beddelaya faylka shaqooyinka ee template.php.
Qaado koorso
Koorsada tababarka ayaa ah habka ugu wanaagsan ee lagu baran karo adeegsiga farsamooyinka laga heli karo suuqa (sida Bootstrap). Tani waa sababta oo ah caawimaad ka helidda qof waqtigan waa muhiim in la fahmo astaamaha qaab -dhismeedka oo la caddeeyo arrimaha aan mar walba lagu xallin karin goleyaasha ama internetka.
Wax ka baro plugins
Ka sokow shaqooyinka aasaasiga ah, Bootstrap wuxuu kaloo u oggolaanayaa plugins, dhab ahaantii, waa tiro kheyraad kale ah oo gacan ka geysan doona hagaajinta khibradda adeegsadaha. Waxaa jira dhowr waxyaalood oo lacag la'aan ah oo lacag -bixin ah oo ku jira internetka oo la soo dejisan karo laguna adeegsan karo qaab -dhismeedka.
Hayso hage wanaagsan agtaada
Hab kale oo lagu hagaajin karo ama loo fahmi karo qaab -dhismeedka ayaa ah in lala tashado hagaha tixraaca. Tusaale ahaan, Bootstrap websaydhkeeda rasmiga ah wuxuu bixiyaa dukumiintiyo badan oo ku saabsan dhammaan astaamaha iyo tusaalooyin badan, oo lagu daray waxaa jira dhowr buug oo tixraac ah iyo goobo kaa caawin doona inaad ka faa'iidaysato aaladda.
Adeegso nooca cusub
Mar kasta oo nooc cusub la sii daayo, marka lagu daro is -beddelka hawlaha jira, waxaa jira hawlo kale oo la heli karo. Sidaa darteed waxaa muhiim ah in la hubiyo haddii aan isticmaaleyno qaabkii ugu dambeeyay ee qaab -dhismeedka si aan ugu dabaqno degelkaaga ama barashadaada, sidaas ayaad ku xaqiijin kartaa in ilaha bogga loo adeegsaday ay yihiin kuwo la cusboonaysiiyay.
Waa maxay sababaha loo isticmaalo Bootstrap?
Mid ka mid ah sababaha ay tahay inaad u isticmaasho Bootstrap waa inay ku jirto kaalinta labaad ee maktabadaha aadka loo isticmaalo, oo leh boqolkiiba mareegahaas adeegsanaya JavaScript. Waxaa jira dhowr sababood oo loo adeegsado waxna looga barto arjigan.
Horta-mobilada
Bootstrap wuxuu raacaa fikradda mobilada marka hore, tan micnaheedu waa tixgelinta koowaad ee qaab -dhismeedku waa in la horumariyo bog si fiican ugu shaqeeya aaladaha mobilada ka dibna si fiican ugu shaqeeya desktop -ka; Faa'iidada istaraatiijiyadan ayaa ah in la hubiyo in mareegaha laga heli karo aalad kasta, taas oo muhiim u ah dad badan oo isticmaala taleefannada casriga ah.
Heerka muuqaalka
Shaqooyinka lagu bixiyay Bootstrap waxay bixin karaan khibrad isticmaale oo aad u hodan ah. Tani waa sababta oo ah heerarka muuqaalka ee qaabku waxay raacaan isbeddellada naqshadeynta ee hadda la isticmaalo, oo lagu daray waxaa jira mawduucyo badan oo lacag la'aan ah oo lacag -bixin ah oo laga soo dejisan karo internetka.
Dib -u -adeegsiga xeerka
Si loo horumariyo qaar badan oo ka mid ah shaqooyinka jira ee Bootstrap, waxaa lagama maarmaan ah in la qoro tiro badan oo khadad koodh ah, taas oo kordhin doonta xajmiga feylka iyo xaddiga xogta la wareejiyay marka boggu culeys yahay. Arrimahani waxay adkayn karaan in darajo wanaagsan laga helo Google iyo istiraatiijiyad SEO oo dhammaystiran, maxaa yeelay waqtiga rarka bogga waa mid ka mid ah sababaha adeegsadayaashu u joojiyaan sugitaanka oo uga baxaan goobta.
Markaad isticmaaleysid Bootstrap, kaliya waxaad u baahan tahay inaad ku xirto fasalka qeybta aad rabto inaad ku dabaqdo kheyraadka. Sidaa darteed, isticmaalkeeda ayaa meesha ka saaraysa baahida loo qabo in la qoro khadad badan oo koodh ah sidoo kale waxay gacan ka geysaneysaa yareynta cabirka faylka.
Bulsho firfircoon
Iyada oo ah qaab il furan, Bootstrap waxay leedahay bulsho horumariyaha firfircoon, iyo sidoo kale gacan ka geysashada cusboonaysiinta nooca (had iyo jeer haynta aaladaha waa mid aad muhiim u ah). Bulshadu waxay sidoo kale si joogto ah u cusboonaysiisaa dukumiintiyada, waxay maamushaa baloog loogu talagalay talooyinka aaladda iyo wararka, iyo bogga caawinta ee Websaydka Buux -dhaafka ah.
Sidaad ku arki karto tusahan dhammaystiran, Bootstrap waa qaab-dhismeed awood leh oo lagu hormarinayo codsiyada dhammaadka-hore oo wax-ku-ool ah waxayna bixisaa qaybo badan oo bixiya heerar muuqaal oo sarreeya oo loogu talagalay bogagga. Si aad u baratid sida loo isticmaalo kheyraadkeeda oo dhan, u maal gasho koorso wanaagsan, baar plugins kala duwan, mar walbana tixraac tilmaamaha tixraaca.
Waa maxay Bootstrap ma aha?
Bootstrap ma aha codsi lagu abuurayo bogagga shabakadda. In kasta oo mashaariicda qaarkood ay gaari karaan shaqooyin la mid ah, haddana ma aha software loogu talagalay iyada oo loo marayo interface-ka Photoshop-ka, laakiin taa beddelkeeda waxaa sameeyay bogga laftiisa.
Bootloader -ku wuxuu ka kooban yahay faylal u adeegi doona saldhigga horumarinta mareegaha. Markaa waxaad u baahan doontaa aqoonta HTML, CSS iyo JavaScript, waxay ku dhowdahay lagama maarmaan in la akhriyo dukumiintiyada Bootstrap, haddii tani ay dhan tahay mid aad u culus oo aadan haysan waqti aad ku abuurto degel kuu gaar ah, waxaad had iyo jeer la tashan kartaa horumariye shabakad madaxbanaan sida aniga oo kale.
Bootstrap ma yahay qaab -dhismeedka ugu fiican?
In kasta oo Bootstrap uu yahay saldhigga ugu ballaaran ee la isticmaalo oo si fiican loo yaqaan, haddana waxaa jira qaabab badan oo HTML, CSS iyo JavaScript ah.
Website -ka isku dhafan ee sida loo isticmaalo Bootstrap ee php, Bootstrap wuxuu si caadi ah ugu socon karaa aalado kala duwan (oo ay ku jiraan kumbuyuutarrada desktop -ka iyo laptop -ka, kiniiniyada iyo taleefannada gacanta). Naqshadayaashu waxay u abuuri karaan qaab -dhismeedyo u gaar ah cabbirrada shaashadaha kala duwan si loo hubiyo wax -qabad joogto ah iyadoo aan loo eegin aaladda.
Tilmaamkan kuma eka Bootstrap. Maxay caan u tahay? Marka laga eego aragtidayda, faa'iidada ugu weyni waa ilaha badan iyo mashaariicda ku xeeran, Bootstrap waa hormuudka horumarinta degellada wax -qabadka leh (ee ku habboon aaladaha mobilada), gacanta Twitter, xitaa haddii ay tahay il furan, waa go'aan .
Caannimadu waxay leedahay "saamaynta barafka", caannimadani waxay keentay horumar degdeg ah oo niyadjab leh iyo hagaajin ku saabsan nooca cusub, laakiin aad bay khatar u tahay in la sheegto inay tahay qaab -dhismeedka ugu wanaagsan ee naqshadaynta webka.
Haddii aad taqaanno barnaamijyada shabakadda, barashada inta badan qaab -dhismeedyadani ma aha wax adag, laakiin waa macquul oo waa caadi in horumariyayaashu ay mid uun bartaan oo ay daacad u noqdaan, sidaa darteed ma badna in la helo isbarbardhig caddaalad ah, Bootstrap wuxuu leeyahay faa'iidooyin iyo khasaare.
Faa'iidooyinka iyo khasaaraha kabaha
- Bootstrap wuxuu ku qancin karaa baahiyo badan oo loogu talagalay naqshadeynta mareegaha casriga ah, laakiin isbarbaryaac ahaan, tani had iyo jeer maahan faa iido. Qaar badan oo ka mid ah dhaleeceeyayaashaada ayaa leh aragtida ugu weyn oo ah in degellada fudud, khadadka koodh badan ay yihiin kuwo aan la soo koobi karin oo kaliya u abuuri doona degello gaabis ah booqdayaasha.
- Soo -saareyaal badan ayaa doorbida inay qoraan koodhka ay u baahan yihiin oo keliya, ma aha oo kaliya maxaa yeelay xawaaraha wax -soo -dejintu waa dhakhso, laakiin sidoo kale waxay fududdahay in la xalliyo oo la socdo.
- In kasta oo aysan ahayn mid aad u cakiran, waxay u baahan tahay barashada iyo mudnaan -siinta, taas oo ka hor imaan karta ujeeddooyinkayaga duruufo gaar ah ama marka loo adeegsado plugins ama ilaha barnaamijyada kale.
- Bootstrap's grid -ka wax -ku -oolka ah ayaa ka hormarinaya naqshadeynta mobilada, ma aha in dhammaan mareegaha ay leeyihiin mudnaantaan. Xitaa haddii ay u muuqato mid duugoobay, waxaan haystaa macmiil aan doonayn in mareegahoodu la qabsado qaraarada shaashadda ee kala duwan.
- Kuwiinna aan garanayn, waxaan dhihi lahaa qaab -dhismeedkan waxaan ku dooran karnaa inaan si buuxda u curinno naqshadda mas'uulka ah ama aan curyaamino walxaha sida sawirrada, oo runtii waxtar u leh xaalado gaar ah ama xaalado gaar ah.
- Naqshadayaal badan ayaa sheegaya in dhammaan bogagga adeegsada ay la mid yihiin, kani waa mid aad u caadi ah oo la yaab leh oo ka soo horjeeda doodda Joomla oo aanan ku raacsanayn.
- Sidii aan hore u soo sheegay, faa iidada ugu weyn aniga ayaa ah adeegsiga bilaashka ah ee dukumiintiyo badan, qaab -dhismeedyo iyo horumarin qayb.
Sideed u isticmaashaa Bootstrap?
Sida loo isticmaalo Bootstrap ee php? Bootstrap wuxuu na siiyaa saldhigga aan ku bilowno, wuxuu isku daraa in ka badan laba iyo toban qaybood oo dib loo isticmaali karo, kuwaas oo loogu talagalay inay bixiyaan sawirro, menus hoos-u-dhaca, kooxaha soo-gelinta, marin-habaabinta, qaylo-dhaanta, iyo kuwo kale. Wuxuu daboolayaa inta badan shuruudaha loogu talagalay mareegaha si uu ula qabsado cabbirka kombiyuutarka iyo shaashadda; shabakadaha, qaab -dhismeedka, miisaska, sliders, walxaha CSS, qaybaha, plugins -ka JavaScript.
Haddii aad rabto inaad sii waddo ku raaxaysiga maqaalladayada, sii wad akhriska: Waa maxay CSS?
