Amaqembu ezinkinobho

Sebenzisa amaqembu ezinkinobho ukuze uhlanganise izinkinobho eziningi njengengxenye eyodwa eyinhlanganisela. Zakhe ngochungechunge <a>noma <button>izakhi.

Ungakwazi futhi ukuhlanganisa amasethi we <div class="btn-group">amaphrojekthi <div class="btn-toolbar">ayinkimbinkimbi.

Imakhaphu yesibonelo

Nansi indlela i-HTML ebheka ngayo iqembu lezinkinobho ezijwayelekile elakhiwe ngezinkinobho zamathegi wehange:

<div class = "btn-group" > 
  <a class = "btn" href = "#"> 1 </a> _  
  <a class = "btn" href = "#"> 2 </a> _  
  <a class = "btn" href = "#"> 3 </a> _  
</div>

Futhi ngebha yamathuluzi yamaqembu amaningi:

<div class = "btn-toolbar" > 
  <div class = "btn-group" > 
    ...
  </div>
</div>

Ibhokisi lokuhlola nama-flavour omsakazo

Amaqembu ezinkinobho angaphinda asebenze njengemisakazo, lapho inkinobho eyodwa kuphela engase isebenze, noma amabhokisi okuhlola, lapho noma iyiphi inombolo yezinkinobho ingase isebenze. Buka amadokhumenti e-Javascript alokho .

Thola i-javascript »

Amakhanda phezulu

I-CSS yamaqembu ezinkinobho ikwifayela elihlukile, inkinobho-groups.less.

Ukwehliswa kwezinkinobho

Sebenzisa noma iyiphi inkinobho ukuze uqalise imenyu eyehlayo ngokuyibeka ngaphakathi .btn-groupfuthi unikeze umaki wemenyu ofanele.

Imakhaphu yesibonelo

Ngokufanayo neqembu lezinkinobho, umaki wethu usebenzisa umaka wezinkinobho ezivamile, kodwa ngedlanzana lezengezo ukuze ucwenge isitayela futhi usekele i-plugin ye-jQuery eyehlayo ye-Bootstrap.

<div class = "btn-group" > 
  <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#" >   
    Isenzo
    <span class = "caret" ></span> 
  </a>
  <ul class = "imenyu eyehlayo" > 
    <!-- izixhumanisi zemenyu eyehlayo -->
  </ul>
</div>

Okwehliswayo kwenkinobho yokuhlukanisa

Ukwakhela phezu kwezitayela zeqembu lezinkinobho kanye nemakhaphu, singakha kalula inkinobho yokuhlukanisa. Izinkinobho zokuhlukanisa zifaka isenzo esijwayelekile kwesokunxele kanye nokuguqula okwehlayo kwesokudla ngezixhumanisi zomongo.

Imakhaphu yesibonelo

Sinweba kokwehliswayo kwenkinobho evamile ukuze sinikeze isenzo senkinobho yesibili esebenza njengesicuphi esihlukile sokwehlisa.

<div class = "btn-group" > 
  <a class = "btn" href = "#" > Isenzo </a>  
  <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#" >   
    <span class = "caret" ></span> 
  </a>
  <ul class = "imenyu eyehlayo" > 
    <!-- izixhumanisi zemenyu eyehlayo -->
  </ul>
</div>

Isigaba sesisekelo esinamandla

Zonke izingxenye ze-nav lapha—amathebhu, amaphilisi, nezinhlu— zabelana ngemakhaphu eyisisekelo efanayo nezitayela ekilasini .nav.

Kungani amathebhu namaphilisi

Amathebhu namaphilisi ku-Bootstrap akhelwe phezu kwe <ul>-HTML ewumongo ofanayo, uhlu lwezixhumanisi. Shintsha phakathi kwamathebhu noma amaphilisi ngekilasi kuphela.

Zombili izinketho zinhle ezingxenyeni ezingaphansi zokuqukethwe noma ukuzulazula phakathi kwamakhasi okuqukethwe okuhlobene.

Amathebhu ayisisekelo

Thatha izixhumanisi ezijwayelekile <ul>bese wengeza .nav-tabs:

• Ikhaya
• Iphrofayela
• Imilayezo

<ul class = "nav-tabs" > 
  <li class = "active" > 
    <a href = "#" > Ikhaya </a> 
  </li>
  <li><a href = "#" > ... </a></li> 
  <li><a href = "#" > ... </a></li> 
</ul>

Amaphilisi ayisisekelo

Thatha leyo HTML efanayo, kodwa sebenzisa .nav-pillsesikhundleni salokho:

• Ikhaya
• Iphrofayela
• Imilayezo

<ul class = "nav nav-pills" > 
  <li class = "active" > 
    <a href = "#" > Ikhaya </a> 
  </li>
  <li><a href = "#" > ... </a></li> 
  <li><a href = "#" > ... </a></li> 
</ul>

Ungawabeka kanjani

Njengoba amathebhu namaphilisi evundlile ngokuzenzakalela, vele wengeze isigaba sesibili, .nav-stacked, ukuze uwenze abonakale estakiwe mpo.

Amathebhu astakiwe

• Ikhaya
• Iphrofayela
• Imilayezo

<ul class = "nav-tabs nav-stacked" > 
  ...
</ul>

Amaphilisi astakiwe

• Ikhaya
• Iphrofayela
• Imilayezo

<ul class = "nav-nav-pills nav-stacked" > 
  ...
</ul>

Amamenyu anothile enziwe aba lula

Amamenyu okwehlayo kumathebhu namaphilisi e-Bootstrap alula kakhulu futhi adinga i-HTML encane eyengeziwe kanye ne-plugin ye-jQuery engasindi.

Yiya ekhasini le-Javascript ukuze ufunde amadokhumenti ekuqaliseni okwehliswayo ku-Bootstrap.

Amathebhu anokwehliswayo

• Ikhaya
• Iphrofayela
• Okwehlayo
  • Isenzo
  • Esinye isenzo
  • Okunye lapha
  • Isixhumanisi esihlukanisiwe

<ul class = "nav-tabs" > 
  <li class = "okwehlayo" > 
    <a class = "dropdown-toggle" 
       idatha-toggle = "okwehlayo"
       href = "#" >
        Okwehlayo
        <b class = "caret" ></b> 
      </a>
    <ul class = "imenyu eyehlayo" > 
      <!-- izixhumanisi -->
    </ul>
  </li>
</ul>

Amaphilisi ane dropdowns

• Ikhaya
• Iphrofayela
• Okwehlayo
  • Isenzo
  • Esinye isenzo
  • Okunye lapha
  • Isixhumanisi esihlukanisiwe

<ul class = "nav nav-pills" > 
  <li class = "okwehlayo" > 
    <a class = "dropdown-toggle" 
       idatha-toggle = "okwehlayo"
       href = "#" >
        Okwehlayo
        <b class = "caret" ></b> 
      </a>
    <ul class = "imenyu eyehlayo" > 
      <!-- izixhumanisi -->
    </ul>
  </li>
</ul>

Ukuzulazula kwesitayela sohlelo lokusebenza

Uhlu lwe-Nav lunikeza indlela elula nelula yokwakha amaqembu ezixhumanisi ze-nav ngezihloko ozikhethela zona. Asetshenziswa kangcono kumabha aseceleni njenge-Finder ku-OS X.

Ngokwesakhiwo, zakhelwe phezu kwezitayela ze-nav eziwumongo ezifanayo njengamathebhu namaphilisi, ngakho-ke ukusetshenziswa nokwenza ngendlela oyifisayo kuqondile.

Ngezimpawu

Uhlu lwe-Nav lulula futhi ukuhlomisa ngezithonjana. Engeza ithegi efanele <i>nekilasi futhi usulungile.

Isibonelo sohlu lwe-nav

Thatha uhlu lwezixhumanisi bese wengeza class="nav nav-list":

<ul class = "nav-list" > 
  <li class = "nav-header" > 
    Isihloko sohlu
  </li>
  <li class = "active" > 
    <a href = "#" > Ikhaya </a> 
  </li>
  <li>
    <a href = "#" > Umtapo wezincwadi </a> 
  </li>
  ...
</ul>

Isibonelo esinezimpawu

Isibonelo esifanayo, kodwa <i>esinamathegi ezithonjana.

<ul class = "nav-list" > 
  ...
  <li>
    <a href = "#" > 
      <i class = "icon-book" ></i> 
      Umtapowolwazi
    </a>
  </li>
  ...
</ul>

Yini efakiwe

Philisa amathebhu akho nge-plugin elula ukuze uguqule phakathi kokuqukethwe ngamathebhu. I-Bootstrap ihlanganisa amathebhu aphathekayo ngezitayela ezine: phezulu (okuzenzakalelayo), kwesokudla, phansi, nakwesokunxele.

Ukushintsha phakathi kwabo kulula futhi kudinga kuphela ukushintsha imakhaphu encane kakhulu.

Isibonelo sethebula

Ukuze wenze amathebhu abonakale, bopha i- .nav-tabsdiv ngeklasi .tabbable.

I-plugin ye-jQuery yangokwezifiso

Wonke amathebhu aphathekayo anikwa amandla i-plugin yethu ye-jQuery engasindi. Funda kabanzi mayelana nokuthi ungawenza kanjani amathebhu aphile aphile ekhasini le-javascript docs.

Thola i-javascript →

Amathebhu ngezansi

Phenya ukuhleleka kwe-HTML bese wengeza iklasi ukuze ubeke amathebhu ngezansi.

<div class = "amathebhu aphathekayo-ngezansi" > 
  <div class = "ithebhu-okuqukethwe" > 
    ...
  </div>
  <ul class = "nav-tabs" > 
    ...
  </ul>
</div>

Amathebhu kwesokunxele

Shintsha ikilasi ukuze ubeke amathebhu kwesokunxele.

<div class = "amathebhu aphathekayo-kwesokunxele" > 
  <ul class = "nav-tabs" > 
    ...
  </ul>
  <div class = "ithebhu-okuqukethwe" > 
    ...
  </div>
</div>

Amathebhu kwesokudla

Shintsha iklasi ukuze ubeke amathebhu kwesokudla.

<div class = "amathebhu aphathekayo-kwesokudla" > 
  <ul class = "nav-tabs" > 
    ...
  </ul>
  <div class = "ithebhu-okuqukethwe" > 
    ...
  </div>
</div>

I-Navbar scaffolding

I-navbar idinga kuphela ama-div ambalwa ukuze iyakheke kahle ukuze ibe nesibonisi esimile noma esingashintshi.

<div class = "navbar" > 
  <div class = "i-navbar-inner" > 
    <div class = "container" > 
      ...
    </div>
  </div>
</div>

Ukwenza i-navbar igxiliswe phezulu kwembobo yokubuka, engeza .navbar-fixed-topku-div yangaphandle, .navbar. Ku-CSS yakho, uzodinga futhi ukulandisa ngokugqagqana okukudalayo ngokungeza kufayela padding-top: 40px;lakho le- <body>.

<div class = "i-navbar-fixed-top" > 
  ...
</div>

I gama le-brand

Isixhumanisi esilula sokubonisa umkhiqizo wakho noma igama lephrojekthi sidinga kuphela umaka we-anchor.

<a class = "brand" href = "#" >  
  Igama lephrojekthi
</a>

Sesha ifomu

Amafomu okusesha athola izitayela zangokwezifiso ku-navbar .navbar-searchneklasi. Faka .pull-leftnoma .pull-rightku- formukuyiqondanisa.

<form class = "i-navbar-search pull-left" > 
  <input type = "text" class = "search-query" isimeli = "Sesha" >   
</ifomu>

Ukuhlukahluka kokusabela ongakukhetha

Kuye ngenani lokuqukethwe kubha yakho ephezulu, ungase ufune ukusebenzisa izinketho zokuphendula. Ukuze wenze kanjalo, bopha okuqukethwe kwakho kwe-nav nge-div equkethe, .nav-collapse.collapse, bese wengeza inkinobho yokuguqula ibha ye-navbar, .btn-navbar.

<div class = "navbar" > 
  <div class = "i-navbar-inner" > 
    <div class = "container" > 
 
      <!-- .btn-navbar isetshenziswa njengokuguqula okuqukethwe kwe-navbar egoqiwe -->
      <a class = "btn btn-navbar" data-toggle = "collapse" data-target = ".nav-collapse" >   
        <span class = "icon-bar" ></span> 
        <span class = "icon-bar" ></span> 
        <span class = "icon-bar" ></span> 
      </a>
 
      <!-- Qiniseka ukuthi uyayishiya ibhrendi ngaphandle uma ufuna iboniswe -->
      <a class = "brand" href = "#" > Igama lephrojekthi </a>  
 
      <!-- Yonke into oyifunayo ifihlwe kokuthi 940px noma ngaphansi, ibeke lapha -->
      <div class = "nav-collapse" > 
        <!-- .nav, .navbar-search, .navbar-form, njll -->
      </div>
 
    </div>
  </div>
</div>

Izixhumanisi ze-Nav

Izinto ze-Nav zilula ukungeza ngohlu olunga-odwe.

<ul class = "nav" > 
  <li class = "active" > 
    <a href = "#" > Ikhaya </a> 
  </li>
  <li><a href = "#" > Xhuma </a></li> 
  <li><a href = "#" > Xhuma </a></li> 
</ul>

Yengeza okwehliswayo

Ukwengeza okwehliswayo ku-nav kulula kakhulu, kodwa kudinga ukusetshenziswa kwe- plugin yethu ye-javascript .

<ul class = "nav" > 
  <li class = "okwehlayo" > 
    <a href = "#" 
          class = "i-dropdown-toggle"
          data-toggle = "okwehlayo" >
          I-akhawunti
          <b class = "caret" ></b> 
    </a>
    <ul class = "imenyu eyehlayo" > 
      ...
    </ul>
  </li>
</ul>

Thola i-javascript →

Kungani uwasebenzise

Ukuzulazula kwe-Breadcrumb kusetshenziswa njengendlela yokubonisa abasebenzisi lapho bekhona ngaphakathi kohlelo lokusebenza noma isayithi, kodwa hhayi ekuzulazuleni okuyinhloko. Gcina ukusetshenziswa kwabo kuncane futhi kufushane ukuze kuphumelele kakhulu.

Izibonelo

Isibonelo esisodwa esiboniswayo njengoba singase siboniswe emakhasini amaningi.

• Ikhaya

• Ikhaya /
• Umtapowolwazi

• Ikhaya /
• Umtapo wolwazi /
• Idatha

Imakhaphu

I-HTML wuhlu lwakho olujwayelekile olunga-odwe olunezixhumanisi.

<ul class = "breadcrumb" > 
  <li>
    <a href = "#" > Ikhaya </a> <span class = "divider" > / </span>   
  </li>
  <li>
    <a href = "#" > Umtapo wezincwadi </a> <span class = "divider" > / </span>   
  </li>
  <li class = "active" > 
    <a href = "#" > Idatha </a> 
  </li>
</ul>

Isetshenziswa nini

Ukwakheka kwamakhasi okunesitayela esilula kakhulu nokunesitayela esincane okukhuthazwe yi-Rdio, kulungele izinhlelo zokusebenza nemiphumela yosesho. Ibhulokhi enkulu kunzima ukuyigeja, ingakala kalula, futhi ihlinzeka ngezindawo ezinkulu zokuchofoza.

Izixhumanisi zekhasi ezisemthethweni

Izixhumanisi zingenziwa ngendlela oyifisayo futhi zisebenza ezimeni eziningi ngesigaba esifanele. .disabledngezixhumanisi ezingachofozwayo kanye .activenekhasi lamanje.

Ukuqondanisa okuvumelana nezimo

Engeza noma yiliphi izigaba ezimbili ozikhethela ukuze uguqule ukuqondanisa kwezixhumanisi zamakhasi: .pagination-centeredkanye .pagination-right.

Izibonelo

Ingxenye yokubhala ezenzakalelayo iyavumelana nezimo futhi isebenza ngenani lokuhlukahluka.

Imakhaphu

Isongwe nge- <div>, ukuqanjwa kumane nje kuyi- <ul>.

<div class = "pagination" > 
  <ul>
    <li><a href = "#" > Okwedlule </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 = "#" > Okulandelayo </a></li> 
  </ul>
</div>

Mayelana nepheyija

Ingxenye ye-pager isethi yezixhumanisi zokusetshenziswa okulula kokufakwa kwamakhasi okunophawu olukhanyayo kanye nezitayela ezilula nakakhulu. Ilungele amasayithi alula njengamabhulogi noma omagazini.

Isibonelo esizenzakalelayo

Ngokuzenzakalela, izixhumanisi ze-pager.

• Ngaphambilini
• Olandelayo

<ul class = "pager" > 
  <li>
    <a href = "#" > Okwedlule </a> 
  </li>
  <li>
    <a href = "#" > Okulandelayo </a> 
  </li>
</ul>

Izixhumanisi eziqondanisiwe

Kungenjalo, ungakwazi ukuqondanisa isixhumanisi ngasinye emaceleni:

• ← Omdala
• Okusha →

<ul class = "pager" > 
  <li class = "previous" > 
    <a href = "#" > ← Okudadlana </a> 
  </li>
  <li class = "okulandelayo" > 
    <a href = "#" > Okusha → </a> 
  </li>
</ul>

Izithonjana ezizenzakalelayo

Ngokuzenzakalelayo, izithonjana ze-Bootstrap ziklanyelwe ukubonisa izithombe ezixhunyiwe ezinomakhaphu omncane odingekayo.

Yenza ngokwezifiso kakhulu

Ngophawu oluthe xaxa, ungakwazi ukwengeza noma yiluphi uhlobo lokuqukethwe kwe-HTML njengezihloko, izigaba, noma izinkinobho ezithonjaneni.

• 

  Ilebula yesithonjana

  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

  Isenzo Isenzo

• 

  Ilebula yesithonjana

  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

  Isenzo Isenzo

Kungani usebenzise izithonjana

Izithonjana (ngaphambilini .media-gridkuze kufike ku-v1.4) zinhle kumagridi ezithombe noma amavidiyo, imiphumela yosesho lwezithombe, imikhiqizo yokudayisa, amaphothifoliyo, nokunye okuningi. Kungaba izixhumanisi noma okuqukethwe okumile.

Imakhaphu elula, evumelana nezimo

Umaki wezithonjana ulula—okunanoma uliyiphi inombolo liyezinto yikho kuphela okudingekayo. Futhi iguquguquka kakhulu, ivumela noma iluphi uhlobo lokuqukethwe olunomakhaphu owengeziwe wokugoqa okuqukethwe kwakho.

Isebenzisa osayizi bekholomu yegridi

Okokugcina, ingxenye yezithonjana isebenzisa amakilasi esistimu yegridi ekhona—njengenoma— .span2ukulawula .span3ubukhulu bezithonjana.

Imakhaphu

Njengoba kushiwo ngaphambili, umaka odingekayo wezithonjana ulula futhi uqondile. Nakhu ukubheka ukusethwa okuzenzakalelayo kwezithombe ezixhunyiwe :

<ul class = "izithonjana" > 
  <li class = "span3" > 
    <a href = "#" class = "isithonjana" >  
      <img src = "https://placehold.it/260x180" alt = "" >  
    </a>
  </li>
  ...
</ul>

Ngokuqukethwe kwe-HTML yangokwezifiso ezithonjaneni, umaki uyashintsha kancane. Ukuvumela okuqukethwe kweleveli yebhulokhi noma yikuphi, sishintshanisa <a>okufana <div>nalokhu:

<ul class = "izithonjana" > 
  <li class = "span3" > 
    <div class = "isithonjana" > 
      <img src = "https://placehold.it/260x180" alt = "" >  
      <h5> Ilebula yesithonjana </h5>
      <p> Amazwibela esithonjana khona lapha... </p>
    </div>
  </li>
  ...
</ul>

Izibonelo ezengeziwe

Hlola zonke izinketho zakho ngamakilasi egridi ahlukahlukene atholakalayo kuwe. Ungaphinda uhlanganise futhi ufanise osayizi abahlukahlukene.

Isigaba sesisekelo esibhalwe kabusha

Nge-Bootstrap 2, senze isigaba sesisekelo saba lula: .alertesikhundleni se- .alert-message. Siphinde <p>sehlise ubuncane bemakhaphu obudingekayo—cha iyadingeka ngokuzenzakalelayo, ngaphandle nje <div>.

Umlayezo owodwa wokwazisa

Ukuze uthole ingxenye ehlala isikhathi eside enekhodi encane, sisuse ukubukeka okuhlukanisayo kwezixwayiso zamabhulokhi, imilayezo eza neziphedi eziningi kanye nombhalo ngokuvamile owengeziwe. Ikilasi nalo selishintshile kwaba .alert-block.

Ihamba kahle nge-javascript

I-Bootstrap iza ne-plugin enhle ye-jQuery esekela imilayezo yesixwayiso, okwenza ukuyixosha ngokushesha futhi kube lula.

Thola i-plugin »

Izexwayiso eziyisibonelo

Goqa umlayezo wakho kanye nesithonjana ongasikhetha sokuvala ku-div ngekilasi elilula.

<div class = "isaziso" > 
  <a class = "vala" > × </a> 
  <strong> Isexwayiso! I </strong> Zihlole kahle, awubukeki umuhle kakhulu.
</div>

Nweba kalula umlayezo ojwayelekile wesexwayiso ngamakilasi amabili ongawakhetha: .alert-blockukuze uthole izilawuli ezengeziwe zokupheda nombhalo kanye .alert-headingnesihloko esifanayo.

<div class = "i-alert-block-block" > 
  <a class = "vala" > × </a> 
  <h4 class = "alert-heading" > Isexwayiso! </h4> 
  Okungcono uzihlole wena, awu...
</div>

Iphutha noma ingozi

<div class = "iphutha lesaziso" > 
  ...
</div>

Impumelelo

<div class = "impumelelo yesixwayiso" > 
  ...
</div>

Ulwazi

<div class = "ulwazi lwesixwayiso" > 
  ...
</div>

Okuyisisekelo

Ibha yokuqhubeka ezenzakalelayo enegradient eqondile.

<div class = "progress" > 
  <div class = "ibha" 
       isitayela = " ububanzi : 60 %; " ></div> 
</div>

Inemithende

Isebenzisa i-gradient ukuze idale umphumela onemigqa.

<div class = "inqubekelaphambili-mininingwane 
     inqubekela-phambili" >
  <div class = "ibha" 
       isitayela = " ububanzi : 20 %; " ></div> 
</div>

Okugqwayizayo

Ithatha isibonelo esinemigqa bese isenza siphile.

<div class = "inqubekelaphambili-ingozi 
     i-progress-striped iyasebenza" >
  <div class = "ibha" 
       isitayela = " ububanzi : 40 %; " ></div> 
</div>

Imibala eyengeziwe

Amabha okuqhubeka asebenzisa amagama ekilasi afanayo njengezinkinobho nezexwayiso zesitayela esifanayo.

• .progress-info
• .progress-success
• .progress-danger

Kungenjalo, ungenza ngendlela oyifisayo amafayela angu-LESS futhi ugoqe eyakho imibala namasayizi.

Ukuziphatha

Amabha okuqhubeka asebenzisa ukuguqulwa kwe-CSS3, ngakho-ke uma ulungisa ububanzi nge-javascript, izoshintsha usayizi ngokushelelayo.

Uma usebenzisa .activeikilasi, .progress-stripedimigoqo yakho yokuqhubeka izophila imithende ukusuka kwesokunxele kuye kwesokudla.

Usekelo lwesiphequluli

Amabha wenqubekelaphambili asebenzisa ama-gradient e-CSS3, ukuguqulwa, nokugqwayiza ukuze kuzuzwe yonke imiphumela yakhona. Lezi zici azisekelwa kuzinguqulo ze-IE7-8 noma ezindala zeFirefox.

I-Opera ayisekeli ukugqwayiza ngalesi sikhathi.

Imithombo

Sebenzisa umthombo njengomphumela olula ku-elementi ukuze uyinikeze umphumela wokufakwayo.

<div class = "kahle" > 
  ...
</div>

Amabheji

Sebenzisa ibheji ku-elementi ngenani elingafundiwe noma njengesibonisi esilula.

<span class = "ibheji" > 3 </div> 

Vala isithonjana

Sebenzisa isithonjana sokuvala esijwayelekile ukuze uchithe okuqukethwe okufana namamodeli nezixwayiso.

×

<a class = "close" > × </a>