Modal Bootstrap window: Ujeeddada iyo isticmaalka

Waa maxay Bootstrap a window modal iyo sababta ay lagama maarmaan tahay? Maxay yihiin qaybaha, qaababka, faa'iidada iyo khasaaraha ay? Fikrada ah "window modal" waxaa loo isticmaalaa in gui ah. Inta badan waxa loo isticmaali karaa inaan ka dhaansado in qaar ka mid ah dhacdo muhiim ah dareenka. daaqadaha Modal waxaa loo isticmaalaa in ay galaan wixii macluumaad, xog, beddeli goobaha. Waxay xannibi aalada ku user ee, ilaa iyo inta dhibaatada ama tallaabo aan loo keenay in la joojiyo. daaqadaha waxaa sidoo kale loo isticmaalaa si loo horumariyo boggaga web.

Waa maxay waxan

Si fudud customizable iyo design-qabsiga, taasi waa waxa ay bixisaa maanta Bootstrap caanka ah. Modal window, qaab ka mid ah taas oo loo isticmaali karaa si ay u abuuraan goobo web, caawin images bandhigay, videos, iyo waxyaabo kale. suuqa kala Pop-up ka kooban yahay qaybo kala duwan ee download, oo madax, jidhka iyo footer. Mid kasta oo ka mid ah ah walxahaasi uu leeyahay ay qiimo u gaar ah. Ujeedada ugu weyn ee Bootstrap a window modal - isticmaalaya samaynta baxaya si ay u abuuraan boggaga web aan qoraal kasta oo code dheeraad ah. Modal suuqa kala - nooc ka mid ah weel in bandhigayaa content qoraal ah. Iyada oo modal xalin gool qayb goobo waaweyn.

Sida loo sameeyo?

Abuuritaanka daaqad modal, iyo sidoo kale ay gacanta ku hayaan waxaa la sameeyaa iyadoo la isticmaalayo habab JavaScript, xogta iyo CSS. Marka hore waxaan u baahan tahay si ay u sameeyaan qaabka a. Waxay ka kooban tahay madax jir ah, content ugu weyn iyo footer. halkan xubno ka loo baahan yahay - a qaybta hoose (block) oo ah baqtigiis. Ka dib markii sixitaanka baahida loo qabo inuu u dhaqaaqo hirgelinta call daaqad modal. Inta badan waxa la yidhaahdaa waa ka dib markii loading bogga iyo riixaya badhanka ku haboon. call la sameeyey iyadoo la isticmaalayo xogta iyo JavaScript. Xidhitaanka suuqa kala modal Bootstrap dhameystiraya hawlaha hore abuuray iyo badbaadiyey.

Xusuusnow in uu furmo modal waxay leedahay astaamo u gaar ah. Si aad u furato daaqadaha modal badan, aad u baahan tahay si ay u qoraan code dheeraad ah. Positioning html-code u fiican sare ee dokumentiga, ka dib markii tag jidhka. Tani waxay ka caawisaa si ay u sii ka shaqayn iyo muuqaalka ah ee uu furmo suuqa. On qalabka mobile, waxaa jira digniino la xiriira isticmaalka component "window modal". Waxay xaddido isticmaalka ay ka buuxaan. Bootstrap 3 kuu ogolaanayaa inaad la qabsato size uu furmo suuqa, iyo isticmaalka xirneeyn.

qaybaha

Ka hor inta shaqada laga bilaabo Bootstrap, waxaad u baahan tahay si ay u fahmaan waxa ay ka kooban tahay. Barnaamijka ayaa waxaa ka mid ah set oo ah qalab diyaar-dhigay in loo isticmaalaa in la abuuro goobo. Hababka Ready JavaScript, CSS iyo HTML dhiso Roobka ah qabsiga, badhamada bandhigay, bedeley, astaanta, iyo talooyin kale. software aasaasiga ah ayaa loo baahan yahay Hababka khariidad. Helitaanka Hababka for daabicidda qoraalka iyo oggolaadaan in ay u diyaar garoobaan browser si daabacan page oo ay ka dhigi design text of content goobta ee ah. Waxaad samayn kartaa foomamka, badhamada iyo xubno kale Isticmaalka qaybaha Bootstrap. Barnaamijka wuxuu leeyahay go'an dhamaystiran oo qalab si dhakhso ah iyo si fudud u rogaan bogaga qalabka mobile. Bootstrap wuxuu ka kooban yahay noocyo kala duwan oo qaybaha kale, iyo sidoo kale JavaScript. iyaga u yaqaaniin fudud ku filan xitaa bilow ah. In aragtida, si ay u fahmaan "Bustrap" si cadaalad ah ay adag tahay in ku saleysan barnaamijka. In tababar, taas nayaa horumarka naqshadeeye iyo coder mahad qaybaha badan pre-dhisay.

Features

suuqa kala modal Bootstrap waxay leedahay faa'iidooyin gaar ah. Iyada oo taageero ka page Layouts goobaha horumarinta maraa xawaare sare. Suuqa ayaa waxaa ka mid ah set badan oo ah xubno iyo xal. Sababo la waafajinta site Bootstrap sii kordhaya. Framework (software) ku haboon yahay oo dhan daalacashada iyo si sax ah soo bandhigay iyaga oo ku. Tani suuqa kala modal waa fududahay in la isticmaalo. Bootstrap kuu ogolaanayaa inaad si ay u abuuraan pages Web, xitaa bilowga ah kuwaas oo aqoon aasaasi ah ee HTML iyo CSS.

Waxaa kasoo muuqday suuqa kala modal ah in dadka isticmaala si fudud ula qabsan karo. tusaalooyin badan oo ka mid code dhamaystirtay iyo dukumentiyada aad u fiican saamayn horumarinta deg deg ah ee Bootstrap. About ay nuxurka intii suuragal ah xulashada weyn mowduucyo decoration. Iyada oo ay taasi daaqadaha modal ayaa loogu talagalay WordPress, CMS, Joomla. Bootstrap - waa qaab codsiga internetka ah oo ka kooban qaybaha lagama maarmaanka ah iyo cilmiga la siiyey oo ay font ikonochnym u gaar ah. Waxaa ka mid ah in ka badan laba boqol oo walxood, oo ay ku jiraan saldhigga.

khasaaraha

suuqa kala modal Bootstrap waxay leedahay cillado ay.

• Sites in ay isticmaalaan, waayi sifooyinka of style shaqsi. Waxay joojiyaan in ay noqon gaar ah, sida muuqaalka iyo qaab-dhismeedka la mid ah midba midka kale.
• La'aanta dabacsanaan, badanaa u baahan yihiin in la abuuro qaababka u gaarka ah iyo fulinta hawlaha loo baahnayn.
• Beddel xeerka raran waxay keeni kartaa in saacadood oo shaqo ah.
• inta badan dadka isticmaala qaybaha Bootstrap loo isticmaalo ujeeddooyin kale.

Isticmaal qalab this sida horumarinta hor-dhamaadka ah. In kasta oo ay ka dhiman, kaas oo noqon doona muuqata in dadka isticmaala of qaab dhismeedka, qaabka la isticmaalayo Bootstrap - xal ugu fiican ee horumarinta web. Waxay kuu ogolaanaysaa inaad si ay u abuuraan interface fudud iyo dareen leh in wakhti yar oo gaaban oo aan dadaal badan.

design ka jawaabaan

Mid ka mid ah qaababka ugu caansan, wuxuu kuu ogolaanayaa samaynta si loo abuuro goobaha internetka tayo sare leh iyo codsiyada, oo aan waqtiga iyo tamarta faqri - waa Bootstrap 3. suuqa kala The modal bixisaa user la go'an aasaasiga ah ee qalab lacag la'aan ah. C Waxay kaa caawin kartaa in aad isticmaasho JavaScript, CSS, html. software Tani waxaa la abuuray by Twitter, iyo waxa ay leedahay tiro ka mid ah muuqaalada iyo faa'iidooyinka. Qaabkan waxaa loogu talagalay qalabka mobile, si ay shabaqa waxaa loogu talagalay screens yar. Maanta Bootstrap 3 iyo sida loo isticmaalo qalabka waaweyn. In barnaamijka jiro nidaamka Roobka ka jawaabaan mid ka mid ah oo keliya, kaas oo lagu ballaariyey by saarayaasha.

qaab dhamaystiran la siiyo noocyada. Waxay waxaa loo isticmaalaa sida walxood. In barnaamijkan, samaynta waxaa horay looga qabto noocyada dulinka iyo images in la bedeli karaa marka aad digtoonaan. Features Bootstrap 3 in aanu taageero daalacashada ka weyn. Ra'yiga design ka jawaabaan waa mid fudud: goobta madax banaan habaysaa si ay size ee shaashadda, iyadoo aan loo eegin oo qalab user soo martay in ay. Horumarinta design ka jawaabaan waxay u baahan tahay aqoon gaar ah iyo xirfado shaqo.

La shaqaynta Bootstrap

Ka hor inta aan iqiinna la Bootstrap, download waxaa si xor ah laga heli karo. Ka dib markii degsado iyo unzipping user ku xiga yeelan doontaa saddex fayl ay ku jiraan qaabka iyo qabnay ikonochnye noocyada. All tani waa Bootstrap ah. Fur daaqad modal markaas abuuri kara folder leh magaca guud. Waxaa lagama maarmaan ah in la abuuro faylka madhan «ndex.html». software The bixi si buuxda loo dooro folder «noocyada» style iyo «bookstrap.css» faylka u dhigma. sidoo kale ha iloobin «bootstrap.js» ee script. Abuur folder ah ee hadda jira oo la mid ah magaca «CSS», ku rid «bootstrap.min.css». Samee kale «CSS» leh «style.css» file madhan. Waxay u baahan doontaa in aad ku darto Hababka adiga kuu gaar ah.

Marka dhan aad u baahan tahay si ay u abuuraan, shaqo dheeraad ah lagu qaban doonaa oo kaliya la «ndex.html». Haddii aadan rabin in aad ku qortaa codes gacanta, tixraac ah lafaha html document-dhammeeyayna. Nuqul ka iyo paste code galay file ah. lafaha ahbaa la xiri doona maktabadda Hababka iyo script. Ka hor tag jidhka ma illoobo in ay ku xidhmaan «jQuery» maktabadda, iyo ka dib - script ah «JS».

net

Bootstrap suuqa kala modal waxaa loo isticmaalaa in la abuuro khariidad classic ee goobta. Waxay ka kooban tahay jirka ah cap ugu weyn, ee columns lateral iyo dhulka hoostiisa. In si ay u muujiyaan si sax ah oo dhan, waxaa lagama maarmaan ah si ay u xisaabiso width ee shay kasta in boqolkiiba la socodka shaqsi. site Basement cap iyo waa in ay leeyihiin width a of 100%, iyo bulk of columns dhinaca noqon kartaa yar.

Grid Bootstrap kaliya u baahan tahay si ay u dejiyaan width doonayo ee blocks ah. shaqaynaya Roobka dhacdaa iyadoo la kaashanayo of miis in uu leeyahay tiirar iyo saf. Roobka waxaa la samayn karaa gudahood Roobka tiro kale oo aan xad lahayn of times. Haddii qaybo ka mid ah goobta la sameeyey waxaa la, aan loo baahnayn in uu qoro baahida ay qabsiga u gaar ah. Waxa intaa dheer in xirneeyn, daaqad modal ku jira tiro ka mid ah qaybaha oo dheeraad ah (bedeley, miisaska, tabs, talooyin).

khaladaadka

Mararka qaarkood dhowr modal daaqadaha Bootstrap, furan waqti isku mid ah, waxay keeni kartaa in qalad. Tani waa suurto gal ah haddii Windows aysan awoodin in ay si fiican u cabbayso nooca file html ka. qalad waxay muujinaysaa guuldarada of file la software xaasidnimo ah ama virus. Dhibaatooyinka ugu badan ee la xidhiidha faylka Bootstrap, dhacaan inta lagu jiro barnaamijyo xawaaladaha, computer, ama ka dib markii fulinta ficil kasta. Kuwa ugu badan - waa kuwa xiriirka la leh daaqad modal: "baadida faylka" "file Maya", "Ma Found", "fashilmay inay ku shuban", "Ku guuldarraystay in la diiwaan gelin", "Run-time ah baadi iyo load". Waxay u muuqan karaan marka user a rakibtay barnaamij ama haddii uu hore u socda, iyo sidoo kale inta lagu guda jiro bedesheen iyo off kombiyuutarka. Waxaa muhiim ah in si dhow ula socdaan dhacdo ee khaladaad, tan iyo markii ay ka caawisaa in ay si sax ah u soo saarto sababta ay dhacdo in Bootstrap. window A modal ma mararka qaarkood u shaqeeyaan ay sabab u tahay call aan sax ahayn oo aan ku xiran tahay khaladaad gudaha.