Izibonelo zokuqalisa ngokushesha

Udinga izifanekiso ezisheshayo? Bheka lezi zibonelo eziyisisekelo esizihlanganisile:

Igridi ezenzakalelayo

Isistimu yegridi ezenzakalelayo enikeziwe njengengxenye ye-Bootstrap iyigridi yamakholomu angu-16 ebanzi engu-940px. Ukunambitheka kwesistimu yegridi engu-960 edumile, kodwa ngaphandle kwemajini engeziwe/iphedi kwesokunxele nakwesokudla.

Isibonelo somakhaphu wegridi

Njengoba kuboniswe lapha, ukwakheka okuyisisekelo kungadalwa “ngamakholomu” amabili, ngalinye lihlanganisa inombolo yamakholomu ayisisekelo angu-16 esiwachaze njengengxenye yesistimu yethu yegridi. Bona izibonelo ezingezansi ukuze uthole ukuhluka okwengeziwe.

<div class = "row" > 
  <div class = "span6" > 
    ...
  </div>
  <div class = "span10" > 
    ...
  </div>
</div>

Amakholomu enza isidleke

Faka okuqukethwe kwakho uma kufanele ngokudala .rowphakathi kwekholomu ekhona.

Isibonelo samakholomu afakwe esidlekeni

<div class = "row" > 
  <div class = "span12" > 
    Ileveli 1 yekholomu
    <div class = "row" > 
      <div class = "span6" > 
        Ileveli 2
      </div>
      <div class = "span6" > 
        Ileveli 2
      </div>
    </div>
  </div>
</div>

Roll igridi yakho

Okwakhelwe ku-Bootstrap yidlanzana lezinto eziguquguqukayo zokwenza ngokwezifiso isistimu yegridi engu-940px. Ngokwenza ngokwezifiso kancane, ungashintsha usayizi wamakholomu, ama-gutters awo, nesiqukathi abahlala kuso.

Ngaphakathi kwegridi

Okuguquguqukayo okudingekayo ukuze kulungiswe isistimu yegridi okwamanje konke kuhlala ku- variables.less.

Manje ukwenza ngendlela oyifisayo

Ukushintsha igridi kusho ukushintsha @grid-*okuguquguqukayo okuthathu nokubuyisela kabusha amafayela Amancane.

I-Bootstrap iza ihlonyiselwe ukuphatha isistimu yegridi enamakholomu afika kwangu-24; okumisiwe kungu-16 nje. Nansi indlela okuguquguqukayo kwegridi yakho okungabukeka kwenziwe ngendlela oyifisayo kugridi yamakholomu angama-24.

@gridIkholomu : 24 ;       
@gridColumnWidth : 20px ;   
@gridGutterWidth : 20px ;   

Uma sekuhlanganiswe kabusha, uzobe usethiwe!

Isakhiwo esilungisiwe

Isakhiwo esimisiwe nesilula esibanzi esingu-940px-wide, esimaphakathi sanoma iyiphi iwebhusayithi noma ikhasi elihlinzekwe ngomunye <div.container>.

<umzimba>
  <div class = "container" > 
    ...
  </div>
</umzimba>

Isakhiwo samanzi

Okunye, ukwakheka kwekhasi elishintshashintshayo elinobubanzi obuncane kanye nobukhulu obukhulu kanye nebha eseceleni engakwesokunxele. Ilungele izinhlelo zokusebenza namadokhumenti.

<umzimba>
  <div class = "container-fluid" > 
    <div class = "sidebar" > 
      ...
    </div>
    <div class = "okuqukethwe" > 
      ...
    </div>
  </div>
</umzimba>

Izihloko & kopisha

Uhlelo olujwayelekile lwe-typographic lokuhlela amakhasi akho ewebhu.

Yonke igridi yokubhala isekelwe ezintweni ezimbili Eziguquguqukayo Ezincane efayeleni lethu eliguquguqukayo.elingaphansi: @basefontkanye @baseline. Esokuqala siwusayizi wefonti eyisisekelo osetshenziswa kuyo yonke indawo kanti eyesibili ubude bomugqa oyisisekelo.

Sisebenzisa lezo ziguquguqukayo, kanye nezibalo ezithile, ukuze sakhe amamajini, ama-paddings, nobude bomugqa balo lonke uhlobo lwethu nokunye.

h1. Isihloko 1

h2. Isihloko 2

h3. Isihloko 3

h4. Isihloko 4

h5. Isihloko 5

h6. Isihloko 6

Isigaba sesibonelo

I-Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Isibonelo sesihloko Sinesihlokwana...

Okunhlobonhlobo. izakhi

Kusetshenziswa ukugcizelela, amakheli, nezifinyezo

<strong> <em> <address> <abbr>

Isetshenziswa nini

Amathegi okugcizelela ( <strong>kanye <em>) kufanele asetshenziselwe ukukhombisa ukubaluleka okwengeziwe noma ukugcizelela kwegama noma ibinzana elihlobene nekhophi elizungezile. Sebenzisa <strong>ngokubaluleka nokugcizelela ingcindezi<em> .

Ukugcizelela esigabeni

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum massa justo sit amet risus. I-Maecenas faucibus mollis interdum. I-Nulla vitae elit libero, i-pharetra augue.

Qaphela: Kusalungile ukusebenzisa <b>kanye <i>namathegi ku-HTML5 futhi akudingekile ukuthi babhalwe ngokugqamile noma kube yi-ithalikhi, ngokulandelana (yize uma kunesici semantic esengeziwe, sisebenzise). <b>ihloselwe ukugqamisa amagama noma imishwana ngaphandle kokudlulisa ukubaluleka okwengeziwe, kuyilapho <i>ikakhulukazi eyezwi, amagama obuchwepheshe, njll.

Amakheli

Isici <address>sisetshenziselwa ulwazi lokuxhumana lukakhokho walo oseduze, noma wonke umsebenzi. Nazi izibonelo ezimbili zokuthi ingasetshenziswa kanjani:

Qaphela: Umugqa ngamunye <address>kufanele uphethe ngokunqanyulwa komugqa ( <br />) noma usongwe ngomaka weleveli yebhulokhi (isb, <p>) ukuze uhlele kahle okuqukethwe.

Izifinyezo

Ukuze uthole izifinyezo nama-akhronimi, sebenzisa <abbr>ithegi ( <acronym>yehlisiwe ku- HTML5 ). Faka ifomu elifushane phakathi kwethegi bese usetha isihloko segama eliphelele.

Izingcaphuno zokuvimba

<blockquote> <p> <small>

Indlela yokucaphuna

Ukuze ufake i-blockquote, zisonga <blockquote>bese <p>umaka <small>. Sebenzisa <small>isici ukucaphuna umthombo wakho futhi uzothola ideshi em —ngaphambi kwawo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. I-integer posuere erat ante venenatis dapibus posuere velit aliquet.

UDkt Julius Hibbert

<blockquote>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. I-integer posuere erat ante venenatis dapibus posuere velit aliquet. </p>
  <encane> uDkt. Julius Hibbert </small>
</blockquote>

Aku-odwe<ul>

• Lorem ipsum dolor sit amet
• I-Consectetur adipiscing elit
• Integer molestie lorem kanye ne-massa
• I-Facilisis ku-pretium nisl aliquet
• I-Nulla volutpat aliquam velit
  • I-Phasellus iaculis neque
  • I-Purus sodales ultricies
  • I-Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• I-Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Thola i-porttitor lorem

Okungabhalwanga isitayela<ul.unstyled>

• Lorem ipsum dolor sit amet
• I-Consectetur adipiscing elit
• Integer molestie lorem kanye ne-massa
• I-Facilisis ku-pretium nisl aliquet
• I-Nulla volutpat aliquam velit
  • I-Phasellus iaculis neque
  • I-Purus sodales ultricies
  • I-Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• I-Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Thola i-porttitor lorem

I-oda<ol>

1. Lorem ipsum dolor sit amet
2. I-Consectetur adipiscing elit
3. Integer molestie lorem kanye ne-massa
4. I-Facilisis ku-pretium nisl aliquet
5. I-Nulla volutpat aliquam velit
6. I-Faucibus porta lacus fringilla vel
7. Aenean sit amet erat nunc
8. Thola i-porttitor lorem

Incazelodl

Uhlu lwezincazelo

Uhlu lwezincazelo luphelele ekuchazeni amagama.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

I-Etiam porta sem malesuada magna mollis euismod.

Ikhodi

<code> <pre>

Gcoba ikhodi yakho ngesitayela ngamathegi amabili alula. Ukuze uthole ubumnandi obengeziwe nge-javascript, faka umtapo wolwazi wekhodi we-Google futhi usulungile.

Iphrezenta ikhodi

Ikhodi, amabhlogo we noma amazwibela nje emgqeni, angaboniswa ngesitayela ngokusonga umaka olungile. Kumabhulokhi ekhodi ehlanganisa imigqa eminingi, sebenzisa <pre>isici. Ukuze uthole ikhodi esemgqeni, sebenzisa <code>isici.

<div>
  <h1>Isihloko</h1>
  <p>Okuthile khona lapha...</p>
</div>

<div> <h1> Isihloko </h1> <p> Okuthile khona lapha... </p> </div>
  
  

Amalebula asemgqeni

<span class="label">

Memezela ukunaka noma umaka noma yimuphi umusho kumbhalo womzimba wakho.

Lebula noma yini

Uke wadinga enye yalezo ezintsha zikanokusho! noma amafulegi abalulekile lapho ubhala ikhodi? Awu, manje usunawo. Nakhu okufakwe ngokuzenzakalela:

Igridi yemidiya

Bonisa izithonjana zosayizi abahlukahlukene emakhasini anonyawo lwe-HTML oluphansi kanye nezitayela ezincane.

Izithonjana eziyisibonelo

Izithonjana ku-the .media-gridzingaba yinoma yimuphi usayizi, kodwa zisebenza kahle kakhulu uma zenziwe imephu ngokuqondile ohlelweni lwegridi eyakhelwe ngaphakathi ye-Bootstrap. Ububanzi besithombe obufana no-90, 210, kanye no-330 buhlangana namaphikseli ambalwa wokuphedi ukuze bulingane nosayizi we- .span2, .span4, .span6nosayizi wekholomu.

Okukhulu

Maphakathi

Encane

Ukuwafaka ngekhodi

Amagridi emidiya kulula ukuwasebenzisa futhi kunalokho alula ohlangothini lomaka. Ubukhulu bawo busekelwe kusayizi wezithombe ezifakiwe.

<ul class = "media-grid" > 
  <li>
    <a href = "#" > 
      <img class = "thumbnail" src = "https://placehold.it/330x230" alt = "" >   
    </a>
  </li>
  <li>
    <a href = "#" > 
      <img class = "thumbnail" src = "https://placehold.it/330x230" alt = "" >   
    </a>
  </li>
</ul>

Ukwakha amatafula

<table> <thead> <tbody> <tr> <th> <td> <colspan> <caption>

Amathebula mahle—ngezinto eziningi. Amathebula amahle, nokho, adinga uthando lwemakhaphu kancane ukuze abe wusizo, akhule, futhi afundeke (ezingeni lekhodi). Nawa amathiphu ambalwa okusiza.

Ngaso sonke isikhathi bopha izihloko zekholomu yakho ngendlela <thead>yokuthi ukulandelana kube <thead>> <tr>> <th>.

Ngokufanayo nezihloko zekholomu, konke okuqukethwe komzimba wethebula lakho kufanele kusongwe ngokuthi ukulandelana <tbody>kwakho kube <tbody>> <tr>> <td>.

Isibonelo: Izitayela zetafula ezizenzakalelayo

Wonke amathebula azohlelwa ngokuzenzakalelayo ngemingcele ebalulekile kuphela ukuze kuqinisekiswe ukufundeka nokugcina ukwakheka. Asikho isidingo sokungeza amakilasi engeziwe noma izibaluli.

<ithebula>
  ...
</ithebula>

Isibonelo: Itafula elijiyile

Kumathebula adinga idatha eyengeziwe ezindaweni eziqinile, sebenzisa ukunambitheka okufingqiwe okusika i-padding phakathi. Ingasetshenziswa futhi ngokuhambisana nemingcele kanye nemigqa yedube, njengezitayela zetafula ezizenzakalelayo.

Isibonelo: Itafula elinemingcele

Yenza amatafula akho abukeke kancane kancane ngokuzungeza amakhona futhi wengeze imingcele nhlangothi zonke.

< ikilasi letafula = "itafula elinemingcele" > 
  ...
</ithebula>

Isibonelo: Idube elinemithende

Thola okumnandi ngamatafula akho ngokungeza idube-striping—vele wengeze .zebra-stripedikilasi.

Qaphela: I-Zebra-striping iyisithuthukisi esiqhubekayo esingatholakali kuziphequluli ezindala njenge-IE8 nangaphansi.

<table class = "zebra-striped" > 
  ...
</ithebula>

Isibonelo: I-Zebra-striped w/ TableSorter.js

Ngokuthatha isibonelo sangaphambilini, sithuthukisa ukusebenza kwamathebula ethu ngokuhlinzeka ngokusebenza kokuhlunga nge - jQuery kanye ne-plugin ye- Tablesorter . Chofoza unhlokweni wanoma isiphi ikholomu ukuze ushintshe ukuhlunga.

<script src = "js/jquery/jquery.tablesorter.min.js" ></script> 
<script > 
  $ ( umsebenzi () { 
    $ ( "ithebula#sortTableExample" ). tablesorter ({ sortList : [[ 1 , 0 ]] });  
  });
</script>
<table class = "zebra-striped" > 
  ...
</ithebula>

Izitayela ezizenzakalelayo

Wonke amafomu anikezwa izitayela ezizenzakalelayo ukuze awethule ngendlela efundekayo nengakala. Izitayela zinikezwa okokufaka kombhalo, khetha izinhlu, izindawo zombhalo, izinkinobho zomsakazo namabhokisi okuhlola, nezinkinobho.

Amafomu astakiwe

Engeza .form-stackedku-HTML yefomu lakho futhi uzoba namalebula ngaphezulu kwezinkambu zawo esikhundleni sakwesokunxele. Lokhu kusebenza kahle uma amafomu akho emafushane noma unamakholomu amabili okokufaka kumafomu asinda kakhulu.

Osayizi bezinkambu zefomu

Enza ngendlela oyifisayo noma yiliphi ifomu input, select, noma textareaububanzi ngokungeza amakilasi ambalwa kumakhaphu akho.

Kusukela ku-v1.3.0, sengeze amakilasi okulinganisa asuselwa kugridi amaelementi efomu. Sicela usebenzise lezi phezu kwamakilasi akhona .mini, .small, njll.

Izinkinobho

Njengomthetho, izinkinobho zisetshenziselwa izenzo kuyilapho izixhumanisi zisetshenziselwa izinto. Isibonelo, "Ukulanda" kungaba inkinobho futhi "umsebenzi wakamuva" kungaba isixhumanisi.

Zonke izinkinobho zizenzakalela zesitayela esimpunga ngokukhanyayo, kodwa inani lamakilasi okusebenza angasetshenziswa kuzitayela ezihlukene zemibala. Lawa makilasi ahlanganisa ikilasi eliluhlaza okwesibhakabhaka .primary, ikilasi eliluhlaza okwesibhakabhaka .info, ikilasi eliluhlaza .success, kanye nekilasi elibomvu .danger.

Izinkinobho eziyisibonelo

Izitayela zezinkinobho zingasetshenziswa kunoma yini .btnesetshenzisiwe. Ngokuvamile uzofuna ukusebenzisa lezi kokuthi kuphela <a>, <button>, bese ukhetha <input>izici. Nansi indlela ebukeka ngayo:

Osayizi abahlukile

Uyathanda izinkinobho ezinkulu noma ezincane? Yiba nakho!

Isimo sokukhubazeka

Ngezinkinobho ezingasebenzi noma ezikhutshazwe uhlelo lokusebenza ngesizathu esisodwa noma esinye, sebenzisa isimo sokukhubazeka. Lokho okwezixhumanisi .disabledkanye nezakhi.:disabled<button>

Izixhumanisi

Izinkinobho

Kwenzenjani

Ibha yethu ephezulu iyibha engashintshi egcina ilogo yewebhusayithi noma igama, ukuzulazula okuyinhloko, kanye nefomu lokusesha.

Yenza ngokwezifiso

Wonke ama-elementi angaphakathi, kanye nayo yonke ibha ephezulu, angokuzithandela. Ungakhetha ukufaka ilogo/igama, i-nav, usesho, ne-nav yesibili—noma iyiphi inhlanganisela yalokho.

Okwehliswayo kufakiwe

Njengengxenye yokuzulazula okuyinhloko, sifake ikhono lakho lokwengeza okwehliswayo ku-nav yakho. Hlola i-nav yesibili ngenhla (iqondaniswe kwesokudla) ukuze ubone ukuthi yenziwa kanjani. Amathegi okwehlayo linawo asekela .activeukubonisa ukukhethwa kwekhasi lamanje.

Amathebhu namaphilisi

Dala ukuzulazula kwesibili okulula nge- <ul>. Shintsha phakathi kwamathebhu noma amaphilisi ngokwengeza ikilasi elifanele.

Ilungele izingxenye ezingaphansi zokuqukethwe njengamakhasi wezilungiselelo ze-akhawunti yethu kanye nezikhathi zomsebenzisi zokuguqula phakathi kwamakhasi anokuqukethwe okufana. Itholakala ngezitayela zamathebhu noma zamaphilisi.

Isibonelo samathebhu ayisisekelo

Amathebhu angasetshenziswa njengokuzulazula okuvamile (ukulayisha amakhasi angaphandle kuthebhu efanayo) noma njengezindawo zokuqukethwe zamathebhu ukuze kushintshwe amafasitelana okuqukethwe. Sine- plugin yamathebhu engasetshenziswa ukuhlanganisa okwakamuva.

• Ikhaya
• Iphrofayela
• Imilayezo
• Izilungiselelo
• Oxhumana naye
• Okwehlayo
  • Isixhumanisi sesibili
  • Okunye lapha
  • Esinye isixhumanisi

<ul class = "amathebhu" > 
  <li class = "active" ><a href = "#" > Ikhaya </a></li>  
  <li><a href = "#" > Iphrofayela </a></li> 
  <li><a href = "#" > Imilayezo </a></li> 
  <li><a href = "#" > Izilungiselelo </a></li> 
  <li><a href = "#" > Xhumana naye </a></li> 
</ul>

Isibonelo samaphilisi ayisisekelo

• Ikhaya
• Iphrofayela
• Imilayezo
• Izilungiselelo
• Oxhumana naye

<ul class = "amaphilisi" > 
  <li class = "active" ><a href = "#" > Ikhaya </a></li>  
  <li><a href = "#" > Iphrofayela </a></li> 
  <li><a href = "#" > Imilayezo </a></li> 
  <li><a href = "#" > Izilungiselelo </a></li> 
  <li><a href = "#" > Xhumana naye </a></li> 
</ul>

Iimvuthuluka zesinkwa

Ukuzulazula kwe-Breadcrumb kusetshenziswa njengendlela yokubonisa abasebenzisi lapho bekhona ngaphakathi kohlelo lokusebenza noma isayithi, kodwa hhayi ekuzulazuleni okuyinhloko.

• Ikhaya

• Ikhaya /
• Ikhasi eliphakathi

• Ikhaya /
• Ikhasi eliphakathi /
• Omunye

• Ikhaya /
• Ikhasi eliphakathi /
• Okunye /
• Ulapha

<ul class = "breadcrumb" > 
  <li><a href = "#" > Ikhaya </a> <span class = "divider" > / </span></li>   
  <li><a href = "#" > Ikhasi eliphakathi </a> <span class = "divider" > / </span></li>   
  <li><a href = "#" > Enye </a> <span class = "divider" > / </span></li>   
  <li class = "active" > Ulapha </li> 
</ul>

Amakhasi

I-Ultra simplistic futhi inesitayela esincane sokuphegetha okukhuthazwe yi-Rdio. Ibhulokhi enkulu kunzima ukuyigeja, ingakala kalula, futhi ihlinzeka ngezindawo ezinkulu zokuchofoza.

<div class = "pagination" > 
  <ul>
    <li class = "prev disabled" ><a href = "#" > ← Okudlule </a></li>  
    <li class = "active" > <a href = "#"> 1 </a></li>  
    <li><a href = "#" > 2 </a></li> 
    <li><a href = "#" > 3 </a></li> 
    <li><a href = "#" > 4 ​​</a></li> 
    <li><a href = "#" > 5 </a></li> 
    <li class = "next" ><a href = "#" > Okulandelayo → </a></li>  
  </ul>
</div>

Izexwayiso eziyisisekelo

.alert-message

Imilayezo yomugqa owodwa yokugqamisa ukwehluleka, ukwehluleka okungenzeka, noma impumelelo yesenzo. Iwusizo kakhulu kumafomu.

Thola i-javascript »

Ikhodi yesibonelo

<div class = "isixwayiso-somlayezo" > 
  <a class = "close" href = "#" > × </a>  
  <p><strong> I- guacamole engcwele! I </strong> Zihlole kahle, awubukeki umuhle kakhulu. </p>
</div>

Vimba imilayezo

.alert-message.block-message

Emilayezweni edinga incazelo kancane, sinezixwayiso zesitayela sendima. Lokhu kulungele ukugcwalisa imilayezo yamaphutha amade, ukuxwayisa umsebenzisi ngesenzo esilindile, noma ukwethula ulwazi ukuze kugcizelelwe kakhulu ekhasini.

Thola i-javascript »

Ikhodi yesibonelo

<div class = "isixwayiso-umlayezo vimba-umlayezo" > 
  <a class = "close" href = "#" > × </a>  
  <p><strong> I- guacamole engcwele! Lesi yisixwayiso! I </strong> Zihlole kahle, awubukeki umuhle kakhulu. I-Nulla vitae elit libero, i-pharetra augue. I-Preesent commodo cursus magna, vel scelerisque nisl consectetur et. </p>
  <div class = "izenzo zokuxwayisa" > 
    <a class = "btn small" href = "#" > Thatha lesi senzo </a> <a class = "btn small" href = "#" > Noma yenza lokhu </a>     
  </div>
</div>

Amamodeli

Ama-modal—izingxoxo noma ama-lightboxes—alungele izenzo zomongo ezimeni lapho kubalulekile ukuthi umongo wangemuva ugcinwe.

Thola i-javascript »

Amathuluzi

Ama-Twipsies awusizo kakhulu ekusizeni umsebenzisi odidekile futhi amkhombise indlela efanele.

Thola i-javascript »

Ama-Popovers

Sebenzisa ama-popover ukuze unikeze ulwazi lombhalo ongaphansi ekhasini ngaphandle kokuthinta isakhiwo.

Thola i-javascript »

Ukuqalisa

Ukuhlanganisa i-javascript nomtapo wezincwadi we-Bootstrap kulula kakhulu. Ngezansi sibheka okuyisisekelo futhi sikunikeze ama-plugin amangalisayo ukuze uqalise!

Buka amadokhumenti e-javascript »

Yini efakiwe

Yenza ezinye zezingxenye eziyinhloko ze-Bootstrap ziphile ngama-plugin angokwezifiso amasha asebenza nge- jQuery kanye ne- Ender . Sikukhuthaza ukuthi uwanwebe futhi uwaguqule ukuze alingane nezidingo zakho ezithile zokuthuthuka.

Ingabe i-javascript iyadingeka?

Cha! I-Bootstrap idizayinelwe okokuqala nokubaluleke kakhulu ukuthi ibe umtapo wezincwadi we-CSS. Le javascript inikeza isendlalelo esisebenzayo esiyisisekelo phezu kwezitayela ezifakiwe.

Nokho, kulabo abadinga i-javascript, sinikeze ama-plugin angenhla ukuze akusize uqonde ukuthi ungayihlanganisa kanjani i-Bootstrap ne-javascript futhi sikunikeze inketho esheshayo, engasindi yokusebenza okuyisisekelo ngokushesha.

Ukuze uthole ulwazi olwengeziwe kanye nokubona amademo athile abukhoma, sicela ubheke ikhasi lethu lemibhalo ye-plugin .