Dirisha la Modi ya Bootstrap: Madhumuni na Matumizi

Orodha ya maudhui:

Dirisha la Modi ya Bootstrap: Madhumuni na Matumizi
Dirisha la Modi ya Bootstrap: Madhumuni na Matumizi
Anonim

Modali ya Bootstrap ni nini na ni ya nini? Je, vipengele vyake, vipengele, faida na hasara ni nini? Wazo la "dirisha la modal" linatumika kwenye kiolesura cha picha. Mara nyingi kwa msaada wake unaweza kuzingatia tukio fulani muhimu. Dirisha za modal hutumiwa kuingiza habari fulani, data, kubadilisha mipangilio. Wanazuia utendakazi wa mtumiaji hadi suala au hatua ikamilike. Windows pia hutumika kutengeneza kurasa za wavuti.

dirisha la mtindo wa bootstrap
dirisha la mtindo wa bootstrap

Nini hii

Muundo unaoweza kugeuzwa kukufaa na unaoitikia kwa urahisi, ndivyo Bootstrap inatoa leo. Dirisha la modal, fomu ambayo inaweza kutumika kuunda tovuti, husaidia kuonyesha picha, video na vipengele vingine. Dirisha ibukizi lina sehemu zinazoweza kutofautishwa za upakuaji: kichwa, mwili, nakijachini. Kila moja ya vipengele hivi ina maana yake mwenyewe. Kusudi kuu la dirisha la modal ya Bootstrap ni kutumiwa na wabunifu wa novice kuunda kurasa za wavuti bila kuandika misimbo ya ziada. Dirisha la modal ni aina ya chombo ambacho maudhui yaliyoandikwa yanaonyeshwa. Sehemu ya modali hutatua anuwai ya malengo.

kufunga modali ya bootstrap
kufunga modali ya bootstrap

Jinsi ya kufanya?

Dirisha la modali huundwa na kudhibitiwa kwa kutumia JavaScript, data na mbinu za css. Kwanza unahitaji kufanya markup. Inajumuisha fremu, kichwa, maudhui kuu na kijachini. Mambo ya lazima hapa ni basement (block) na sura. Baada ya markup, unahitaji kuendelea na utekelezaji wa simu ya dirisha ya modal. Mara nyingi huitwa baada ya kupakia ukurasa wa wavuti na kubonyeza kitufe kinacholingana. Simu inapigwa kwa kutumia data na JavaScript. Kufunga moduli ya Bootstrap hufunga kazi zilizoundwa na zilizohifadhiwa hapo awali.

Kumbuka kwamba dirisha la modal lina sifa zake. Ili kufungua madirisha ya modal nyingi, unahitaji kuandika msimbo wa ziada. Ni bora kuweka msimbo wa html juu ya hati, baada ya lebo ya mwili. Hii husaidia kuhifadhi utendaji na kuonekana kwa dirisha. Kwenye vifaa vya rununu, kuna tahadhari kuhusu utumiaji wa sehemu ya dirisha la modal. Wanapunguza matumizi yake kamili. Bootstrap 3 inaruhusu ukubwa wa dirisha maalum pamoja na gridi.

bootstrap 3 modal dirisha
bootstrap 3 modal dirisha

Vipengele

Kablakuanza kufanya kazi na Bootstrap, unahitaji kujua inajumuisha nini. Programu inajumuisha seti ya zana zilizotengenezwa tayari ambazo hutumiwa kuunda tovuti. Mitindo iliyo tayari ya JavaScript, CSS na HTML huunda gridi inayoweza kubadilika, vitufe vya kuonyesha, menyu, aikoni, vidokezo vya zana na zaidi. Mitindo ya msingi ya programu inahitajika kwa mpangilio. Uwepo wa mitindo ya uchapishaji na maandishi inakuwezesha kuandaa kivinjari kwa kuchapisha ukurasa na kufanya muundo wa maudhui ya maandishi ya tovuti. Kwa vipengele vya Bootstrap, unaweza kuunda fomu, vifungo, na vipengele vingine. Programu ina seti kamili ya zana ambazo haraka na kwa urahisi huunda kurasa za vifaa vya rununu. Bootstrap imeundwa na maelezo mengine mengi na JavaScript. Wao ni rahisi kutosha kwa bwana hata kwa Kompyuta. Kwa nadharia, kuelewa misingi ya programu ya Bootstrap si rahisi vya kutosha. Kiutendaji, ukuzaji huu hurahisisha kazi ya mbunifu na mbuni wa mpangilio kwa sababu ya uwepo wa vipengee vingi vilivyotengenezwa tayari.

bootstrap modal fomu
bootstrap modal fomu

Vipengele

Modali ya Bootstrap ina manufaa fulani maalum. Kwa msaada wake, maendeleo ya mipangilio ya ukurasa kwa tovuti hufanyika kwa kasi ya juu. Dirisha inajumuisha seti kubwa ya vipengele na ufumbuzi tayari. Bootstrap hufanya tovuti yako kuitikia zaidi. Mfumo (programu) unafaa kwa vivinjari vyote na huonyeshwa kwa usahihi ndani yao. Dirisha hili la modal ni rahisi kutumia. Bootstrap hukuruhusu kuunda kurasa za wavuti hata kwa wanaoanza ambao wana maarifa ya kimsingi ya CSS na HTML.

Upekee wa dirisha la modal ni hiyoambayo watumiaji wanaweza kukabiliana nayo kwa urahisi. Mifano mingi ya misimbo iliyotengenezwa tayari na uwekaji kumbukumbu mzuri hurahisisha kupata kasi ukitumia Bootstrap. Kuhusu ubora wake inaweza kuwa kiini cha uteuzi mkubwa wa mandhari kwa ajili ya kubuni. Wordpress, CMS, Joomla zilitengenezwa kwa dirisha hili la modal. Bootstrap ni mfumo wa wavuti ambao una vijenzi muhimu na umejaaliwa na fonti yake ya ikoni. Inajumuisha zaidi ya aikoni mia mbili, ikijumuisha zile za msingi.

Hasara

Modal ya Bootstrap ina shida zake.

  • Tovuti zinazoitumia hupoteza mtindo wao mahususi. Zinaacha kuwa za kipekee, kwa kuwa zinafanana kwa sura na muundo.
  • Ukosefu wa kubadilika; mara nyingi huhitaji kuunda mitindo yako mwenyewe na kufanya kazi ya ziada.
  • Kubadilisha msimbo uliopakiwa kunaweza kusababisha saa za kazi.
  • Watumiaji mara nyingi hutumia vibaya vipengee vya Bootstrap.

Tumia zana hii pia kwa ukuzaji wa mbele. Licha ya mapungufu ambayo yatakuwa dhahiri kwa watumiaji wa mfumo, mpangilio na Bootstrap ni suluhisho nzuri kwa watengenezaji wa wavuti. Inakuruhusu kuunda kiolesura rahisi na angavu katika muda mfupi na bila juhudi nyingi.

bootstrap fungua dirisha la modal
bootstrap fungua dirisha la modal

Muundo msikivu

Mojawapo ya mifumo maarufu zaidi inayomruhusu mbunifu kuunda tovuti na programu za ubora wa juu bila kutumia muda na juhudi juu yake ni Bootstrap 3. Dirisha la modal humpa mtumiaji seti ya msingi ya zana bila malipo. Pamoja nayo, unaweza kutumia JavaScript, CSS, html. Programu hii iliundwa na Twitter na ina idadi ya vipengele na manufaa. Mfumo uliundwa kwa vifaa vya rununu, kwa hivyo gridi yake imeundwa kwa skrini ndogo. Leo, Bootstrap 3 pia inatumika kwa vifaa vya skrini pana. Kuna mfumo mmoja tu wa gridi ya kujibu katika mpango, ambao umepanuliwa na watengenezaji.

Mfumo huja na fonti. Zinatumika kama icons. Katika mpango huu, wabunifu tayari wanahusika na fonts na picha za vector, ambazo zinaweza kubadilishwa kwa mapenzi. Ubora wa Bootstrap 3 ni kwamba hauauni vivinjari vya zamani. Wazo la muundo unaojibu ni rahisi: tovuti hubadilika kiotomatiki kwa saizi ya skrini, bila kujali kifaa ambacho mtumiaji aliipata. Muundo sikivu unahitaji maarifa na ujuzi maalum.

Kufanya kazi na Bootstrap

Kabla ya kuanza kuvinjari Bootstrap, ipakue bila malipo. Baada ya kupakua na upakiaji unaofuata, mtumiaji atapokea folda tatu ambazo zina mitindo, hati na fonti za ikoni. Yote hii ni Bootstrap. Unaweza kufungua dirisha la modal baada ya kuunda folda na jina la mfumo. Ndani yake, unahitaji kuunda faili tupu "ndex.html". Katika programu iliyopakuliwa, chagua folda nzima ya "fonti" na mtindo wa "bookstrap.css" kutoka kwa folda inayofaa. Usisahau hati ya "bootstrap.js" pia. Unda folda sawa na jina "css" kwenye folda iliyopo, weka "bootstrap.min.css" ndani yake. Tengeneza "css" nyingine na faili tupu ya "style.css". Utaihitaji ili kuongeza mitindo yako mwenyewe.

Kila kitu kinachohitajika kinapoundwa, kazi zaidi itafanywa kwa "ndex.html". Ikiwa hutaki kuandika misimbo wewe mwenyewe, rejelea kiunzi cha hati iliyotengenezwa tayari ya html. Nakili na ubandike msimbo kwenye faili. Mitindo, maktaba na hati zitaunganishwa kwenye kiunzi kilichoundwa. Kabla ya lebo ya mwili, usisahau kujumuisha maktaba ya "jQuery", na baada ya - hati ya "js".

moduli nyingi za bootstrap
moduli nyingi za bootstrap

Gridi

Dirisha la moduli ya Bootstrap hutumiwa kuunda muundo wa kawaida wa tovuti. Inajumuisha kichwa, mwili, safu wima ya upande na kijachini. Ili kila kitu kionyeshwe kwa usahihi, ni muhimu kuhesabu upana wa kila kipengele kama asilimia na ufungaji wa mtu binafsi. Sehemu ya chini na ya kijajuu ya tovuti inapaswa kuwa na upana wa 100%, mwili na safu wima za pembeni zinaweza kuwa ndogo zaidi.

gridi ya Bootstrap inahitajika ili tu kuweka upana unaohitajika kwa vizuizi. Utendaji wa gridi ya taifa hutokea kwa msaada wa meza ambayo ina safu na safu. Gridi inaweza kufanywa ndani ya gridi nyingine idadi isiyo na kikomo ya nyakati. Ikiwa sehemu za tovuti zinafanywa nayo, hakuna haja ya kuandika maswali yanayofaa mwenyewe. Kando na gridi ya taifa, dirisha la modali lina vipengele vingi vya ziada (menyu, majedwali, vichupo, vidokezo).

bootstrap modal haifanyi kazi
bootstrap modal haifanyi kazi

Makosa

Wakati mwingine miundo mingi ya Bootstrap kufunguliwa kwa wakati mmoja inaweza kusababisha hitilafu. Hii inawezekana ikiwa Windows haiwezipakia faili ya html kwa usahihi. Uwepo wa hitilafu unaonyesha kuwa faili imeambukizwa na programu hasidi au virusi. Mara nyingi, makosa yanayohusiana na Bootstrap hutokea wakati wa upakiaji wa programu, kompyuta, au baada ya kufanya hatua fulani. Ya kawaida ni yale yanayohusiana na dirisha la modal: "Hitilafu katika faili", "Faili haipo", "Haipatikani", "Haiwezi kupakia", "Imeshindwa kujiandikisha", "Hitilafu ya Utekelezaji na upakiaji". Wanaweza kuonekana wakati mtumiaji anasakinisha programu au tayari inaendeshwa, au wakati kompyuta imewashwa na kuzimwa. Ni muhimu kushika jicho la karibu juu ya kuonekana kwa makosa, kwa kuwa hii inasaidia kwa usahihi kuondoa sababu ya matukio yao katika Bootstrap. Dirisha la modali halifanyi kazi wakati mwingine kwa sababu ya simu isiyo sahihi, ambayo haitegemei makosa ya ndani.

Ilipendekeza: