Modal window Bootstrap: nzube na ojiji

Gịnị bụ a modal window Bootstrap gịnịkwa mere o ji dị mkpa? Gịnị bụ ya mmiri, atụmatụ, uru na ọghọm? Echiche nke "modal window" na-eji na GUI. Ọtụtụ mgbe ọ ga-eji ịdọrọ uche gaa ihe ndị dị mkpa merenụ. Modal windo na-eji tinye ozi ọ bụla, data, ịgbanwe ntọala. Ha na-egbochi onye ọrụ workflow, ka anya dị ka nsogbu ma ọ bụ mee ihe na-adịghị ha bịa ná njedebe. Windo na-eji zụlite ibe weebụ.

Gịnị bụ nke a

Easily customizable na -agbanwe imewe, nke a bụ ihe na-enye na-ewu ewu taa Bootstrap. Modal window, udi nke nke ike-eji ike na weebụ saịtị, enyere ngosi oyiyi, videos, na ihe ndị ọzọ. Mmapụta window mee nke dị iche iche nke download: nkụnye eji isi, ahụ na n'okpuru. Onye ọ bụla n'ime ndị a ọcha nwere ya uru. Ebumnobi bụ isi nke a modal window Bootstrap - eji abụrụ ndị na-emepụta ike web peeji nke na-enweghị ede ọ bụla ọzọ koodu. Modal window - a ụdị akpa na-egosiputa ihe e dere ọdịnaya. Na modal edozi nnukwu gburugburu akụrụngwa mgbaru ọsọ.

Olee otú ime ka?

Ịmepụta a modal window, nakwa dị ka akara na-rụrụ iji JavaScript ụzọ, data na CSS. Mbụ anyị mkpa ka a layout. Ọ mejupụtara a etiti nkụnye eji isi mee, Isi ọdịnaya na n'okpuru. Chọrọ ọcha ebe a - a na okpuru ulo (ngọngọ) na a ozu. Mgbe marking mkpa ịkwaga mmejuputa iwu nke oku a modal window. Ọtụtụ mgbe ọ na-akpọ mgbe itinye web page na ịpị kwesịrị ekwesị button. The oku na-aga ka na iji data na JavaScript. Emechi Bootstrap modal window ahụ na mbụ kere na-azọpụta aga-eme.

Cheta na modal window nwere ya e ji mara. Iji mepee multiple modal windo, ị mkpa dee ọzọ koodu. N'ọnọdu html-koodu kasị mma na-ahụ n'elu nke akwụkwọ, mgbe anụ ahụ na mkpado. Nke a na-enyere aka na-ọrụ na ọdịdị nke window. On mobile ngwaọrụ, e nwere ịdọ aka ná ntị ndị metụtara na ojiji nke "modal window" akụrụngwa. Ha na-amachi ya zuru were. Bootstrap 3-enye gị ohere ịgbanwe window size, na ojiji nke okporo.

mmiri

Tupu ịmalite ọrụ na Bootstrap, i kwesịrị ịghọta ihe ọ mejupụtara. Ihe omume na-agụnye a set nke njikere mere ngwá ọrụ na-eji ike na saịtị. Njikere ekwekọghị JavaScript, CSS na HTML wuoro agbanwe okporo, ngosi buttons, menus, ihe oyiyi, na ihe ndị ọzọ Atụmatụ. Ihe bụ isi software mkpa maka layout ekwekọghị. Nnweta nke ekwekọghị maka ibipụta ederede na-ekwe ka iji dozie nchọgharị ibipụta page na-eme ka ederede imewe nke saịtị ọdịnaya. Ị nwere ike ịmepụta iche-iche, mkpọchi na ndị ọzọ ọcha Iji Bootstrap mmiri. Ihe omume ahụ nwere a zuru ezu set ngwaọrụ ọsọ ọsọ na mfe wetara peeji nke mobile ngwaọrụ. Bootstrap mee nke a dịgasị iche iche nke ndị ọzọ mmiri, nakwa dị ka JavaScript. Nna ha mfe iji ọbụna a mbido. Na Ozizi, ịghọta "Bustrap" pụtara ike omume ndabere. Na omume, nke a na simplifies mmepe nke mmebe na coder ekele na ọtụtụ tupu wuru mmiri.

atụmatụ

Bootstrap modal window nwere pụrụ iche uru. Site n'enyemaka nke page layouts maka mmepe na saịtị na-aga na elu na-agba. The window na-agụnye a nnukwu set nke ihe na-agbanwe agbanwe. N'ihi na ubara ime mgbanwe Bootstrap saịtị. Framework (software) adabara niile nchọgharị na na-ịpụta ha. Nke a modal window bụ mfe iji. Bootstrap enye gị ohere ike Web peeji nke, ọbụna n'ihi na beginners ndị nwere ihe ọmụma bụ isi nke HTML na CSS.

Ọ na atụmatụ a modal window na ọrụ nwere ike mfe imeghari ka ya. Ọtụtụ ihe atụ nke okokụre koodu na magburu onwe akwụkwọ emetụta ngwa mmepe nke Bootstrap. About ya kachasi mkpa dị ka o kwere na a nnukwu nhọrọ nke isiokwu mma. Na nke a na modal windo ndị e mere na WordPress, CMS, Joomla. Bootstrap - bụ a web ngwa kpuchie na e dere ihe dị mkpa mmiri na nyere ya ikonochnym font. Ọ na-agụnye ihe karịrị narị mmadụ abụọ oyiyi, gụnyere isi.

cons

Bootstrap modal window nwere ya drawbacks.

• Sites na-eji ya, ida atụmatụ nke onye style. Ha ga-agwụcha pụrụ iche, dị ka anya na Ọdịdị yiri onye ọ bụla ọzọ.
• Enweghị mgbanwe; mgbe mkpa ike ha onwe ha ekwekọghị na-arụ enweghị isi arụmọrụ.
• Ịgbanwe kwajuru code pụrụ ịkpata awa nke na-arụ ọrụ.
• ọrụ mgbe Bootstrap mmiri mee ndị ọzọ na nzube.

Jiri ngwá ọrụ a dị ka a n'ihu-ọgwụgwụ development. N'agbanyeghị adịghị ike, nke ga-apụta ìhè ka ọrụ nke kpuchie, layout iji Bootstrap - zuru okè ngwọta maka web mmepe. Ọ na-ekwe ka gị ike a dị mfe ma na kensinammuo interface na a obere oge na-enweghị mgbalị.

anabata imewe

Otu n'ime ndị kasị ewu ewu na frameworks, na-enye ohere na-emepụta ike elu àgwà saịtị weebụ na ngwa, na-enweghị nọrọ oge na ume - na ọ bụ Bootstrap 3. The modal window na-enye ndị ọrụ na a isi set nke free ngwaọrụ. C Ọ pụrụ inyere gị aka iji JavaScript, CSS, html. Nke a software e kere site Twitter, na ya nwere ọtụtụ atụmatụ na uru. The kpuchie e mere maka mobile ngwaọrụ, otú ya net e mere maka obere ákwà. Taa Bootstrap 3 na-eji nnukwu ngwaọrụ. Na usoro ihe omume e nwere nanị otu anabata okporo usoro, nke e gbasaa site Nsukka.

Complete kpuchie nyere Akara ókwú. Ha na-eji dị ka oyiyi. Na a usoro, na-emepụta na-emeso na-ama na vector Akara ókwú na na oyiyi na-ga-agbanwe gị na ezi uche. Atụmatụ Bootstrap 3 na ọ dịghị akwado okenye nchọgharị. anabata imewe echiche dị mfe: saịtị onwe eji na size nke ihuenyo, n'agbanyeghị nke ngwaọrụ onye ọrụ na-arahụ na ya. Development of anabata imewe chọrọ pụrụ iche ọmụma na nkà.

Arụ ọrụ na Bootstrap

Tupu maara Bootstrap, ibudata ya n'efu. Mgbe nbudata na unzipping ụdi ọrụ ga-atọ nchekwa na-ebu ekwekọghị na scripts ikonochnye Akara ókwú. All nke a bụ Bootstrap. Mepee a modal window nwere ike ahụ ike a na nchekwa na aha nke kpuchie. Ọ dị mkpa ịmepụta otu efu file «ndex.html». Ebudatara software a n'ụzọ zuru ezu họrọ nchekwa «Akara ókwú» style na «bookstrap.css» si nchekwa. Ekwela nwekwara ichefu banyere «bootstrap.js» akwukwọ. Mepụta ihe ẹdude nchekwa na a yiri aha «CSS», ya «bootstrap.min.css». Mee ọzọ «CSS» na «style.css» efu faịlụ. Ọ ga-mkpa tinye gị onwe gị n'ụdị.

Mgbe niile ị chọrọ iji mepụta, n'ihu ọrụ ga-rụrụ naanị na «ndex.html». Ọ bụrụ na ị na-achọghị dee codes aka, na-ezo aka okokụre ọkpụkpụ html-akwụkwọ. Idetuo na mado na koodu n'ime faịlụ. Na site ọkpụkpụ ga-jikọọ na ekwekọghị Ọbá akwụkwọ na edemede. Tupu ahụ mkpado anaghị echefu ijikọ «Jquery» n'ọbá akwụkwọ, na mgbe - edemede «JS».

net

Bootstrap modal window na-eji ike kpochapụwo layout nke saịtị. Ọ mejupụtara a okpu isi ahụ, mpụta ogidi na okpuru ulo. Iji n'ụzọ ziri ezi na-egosipụta ihe niile, ọ dị mkpa ka gbakọọ obosara nke ọ bụla ihe na pasent na onye oruru. N'okpuru ala okpu saịtị na ga nwere a obosara nke 100%, na nnukwu nke n'akụkụ ogidi nwere ike ịbụ nta.

Grid Bootstrap dị nnọọ mkpa ka ndị chọrọ obosara nke nkanka. okporo ịrụ ọrụ emee na-enyemaka nke a table nwere ogidi na e nyere ahịrị. Okporo nwere ike mere n'ime ọzọ okporo-akparaghị ókè ọtụtụ ugboro. Ọ bụrụ na akụkụ nke saịtị na-ji ya, ọ dịghị mkpa na-ede ha onwe ha na-agbanwe mkpa. Na mgbakwunye na okporo, a modal window nwere ọtụtụ ndị ọzọ mmiri (menus, tebụl, na taabụ, Atụmatụ).

njehie

Mgbe ụfọdụ, ọtụtụ Bootstrap modal windo, oghe n'otu oge, nwere ike ime ka njehie. Nke a kwere omume ma ọ bụrụ na Windows bụ enweghị kwesịrị ekwesị na-Ibu Ibu html file ụdị. Njehie na-egosi na mmeri nke faịlụ na obi software ma ọ bụ virus. The kasị nsogbu metụtara na file Bootstrap,-eme n'oge mmalite mmemme, na kọmputa, ma ọ bụ mgbe na-eme ihe ọ bụla edinam. The kasị - bụ ndị na na-metụtara a modal window: "Error na faịlụ" "Ọ dịghị faịlụ", "Ọ bụghị Hụrụ", "Okpu Ibu Ibu", "Okpu ka aha", "Run-oge njehie na ibu." Ha nwere ike na-egosi mgbe a ọrụ installs a omume ma ọ bụ ma ọ na-ama na-agba ọsọ, nakwa dị ka n'oge ịmafe na gbanyụọ kọmputa. Ọ dị mkpa anya nyochaa omume nke njehie, ebe ọ bụ na ọ na-enyere aka n'ụzọ ziri ezi wepu kpatara ha omume na Bootstrap. A modal window anaghị arụ ọrụ mgbe ụfọdụ n'ihi ekwesịghị ịdị na oku na-aga nke na-adịghị adabere na esịtidem njehie.