Waehanga

He maha nga waahanga ka taea te whakamahi hei whakarato whakatere, matohi, pouvers, me etahi atu.

Tauira

E rua nga whiringa taketake, me etahi atu rereke rereke e rua.

Rōpū patene kotahi

Takaia he raupapa patene ki .btnroto .btn-group.

  1. <div class = "btn-rōpū" >
  2. <button class = "btn" > Mauī </button>
  3. <button class = "btn" > Waenga </button>
  4. <button class = "btn" > Matau </button>
  5. </div>

Rōpū patene maha

Whakakotahihia nga huinga o <div class="btn-group">ki te a <div class="btn-toolbar">mo nga waahanga uaua ake.

  1. <div class = "btn-toolbar" >
  2. <div class = "btn-rōpū" >
  3. ...
  4. </div>
  5. </div>

Rōpū pātene poutū

Whakaatuhia he huinga o nga paatene kia noho poutū, kaua e whakapae.

  1. <div class = "btn-rōpū btn-rōpū-poutū" >
  2. ...
  3. </div>

Pouakataki me nga rongo irirangi

Ka taea hoki e nga roopu patene te mahi hei reo irirangi, kotahi noa te paatene e hohe ana, he pouakataki ranei, kei reira te maha o nga patene e kaha ana. Tirohia nga tuhinga JavaScript mo tera.

Whakataka i roto i nga roopu paatene

Mahunga ake!Me takai takitahi nga patene me nga takaiho ki roto i a raatau ake .btn-groupi roto i te a .btn-toolbarmo te whakaputa tika.

Tirohanga me nga tauira

Whakamahia tetahi paatene hei whakaoho i te tahua takaiho ma te whakanoho ki roto i te .btn-groupme te whakarato i te tohu tohu tahua tika.

  1. <div class = "btn-rōpū" >
  2. <a class = "btn takaiho-takahuri" data-toggle = "whakaheke" href = "#" >
  3. Mahi
  4. <span class = "caret" ></span>
  5. </a>
  6. <ul class = "tahua-whakaheke" >
  7. <!-- nga hononga tahua takaiho -->
  8. </ul>
  9. </div>

Ka mahi me nga rahi paatene katoa

Ka mahi nga takaiho paatene ahakoa te rahi: .btn-large, .btn-small, , ranei .btn-mini.

Me JavaScript

Ko nga takahanga patene e hiahia ana kia mahi te mono takaiho Bootstrap .

I etahi wa—penei i te pūkoro—ka toro atu nga tahua takaiho ki waho o te tauranga tirohanga. Me whakatau e koe te tirohanga a-ringa, me te JavaScript ritenga ranei.


Wehehia nga paatene takaiho

Ko te hanga i runga i nga momo roopu roopu me te tohu tohu, ka ngawari te hanga i te paatene wehe. Ko nga paatene ritua he mahinga paerewa kei te taha maui me te takahuri takahuri kei te taha matau me nga hononga horopaki.

  1. <div class = "btn-rōpū" >
  2. <button class = "btn" > Mahi </button>
  3. <button class = "btn takaiho-takahuri" data-toggle = "whakaheke" >
  4. <span class = "caret" ></span>
  5. </pātene>
  6. <ul class = "tahua-whakaheke" >
  7. <!-- nga hononga tahua takaiho -->
  8. </ul>
  9. </div>

Rahi

Whakamahia nga karaehe paatene taapiri .btn-mini, .btn-small, .btn-largemo te rahi ranei.

  1. <div class = "btn-rōpū" >
  2. <button class = "btn btn-mini" > Mahi </button>
  3. <button class = "btn btn-mini takahuri-takahuri" data-toggle = "whakaheke" >
  4. <span class = "caret" ></span>
  5. </pātene>
  6. <ul class = "tahua-whakaheke" >
  7. <!-- nga hononga tahua takaiho -->
  8. </ul>
  9. </div>

Nga tahua whakaheke

Ka taea hoki te takahuri i nga tahua takaiho mai i raro ki runga ma te taapiri i tetahi akomanga ki te matua tonu o .dropdown-menu. Ka huri i te ahunga o te ka huri ano i .carette tahua kia neke mai i raro ki runga, kaua ki runga ki raro.

  1. <div class = "btn-group dropup" >
  2. <button class = "btn" > Whakataka </button>
  3. <button class = "btn takaiho-takahuri" data-toggle = "whakaheke" >
  4. <span class = "caret" ></span>
  5. </pātene>
  6. <ul class = "tahua-whakaheke" >
  7. <!-- nga hononga tahua takaiho -->
  8. </ul>
  9. </div>

whakarangirangi paerewa

Te whakarangirangi ngawari na Rdio, he pai mo nga tono me nga hua rapu. Ko te poraka nui he uaua ki te ngaro, he ngawari te tauine, me te whakarato i nga waahi paato nui.

  1. <div class = "whakawhārangi" >
  2. <ul>
  3. <li><a href = "#" > Tuhinga o mua </a> </li>
  4. <li><a href = "#" > 1 </a> </li>
  5. <li><a href = "#" > 2 </a> </li>
  6. <li><a href = "#" > 3 </a> </li>
  7. <li><a href = "#" > 4 ​​</a> </li>
  8. <li><a href = "#" > 5 </a> </li>
  9. <li><a href = "#" > Panuku </a> </li>
  10. </ul>
  11. </div>

Kōwhiringa

Ko nga ahuatanga haua me te hohe

He mea whakarite nga hononga mo nga ahuatanga rereke. Whakamahia .disabledmo nga hononga kaore e taea te panui me .activete tohu i te wharangi o naianei.

  1. <div class = "whakawhārangi" >
  2. <ul>
  3. <li class = "whakakore" ><a href = "#" > « </a></li>
  4. <li class = "active" ><a href = "#" > 1 </a> </li>
  5. ...
  6. </ul>
  7. </div>

Ka taea e koe te huri i nga punga hohe, haua ranei mo nga waahi ki te tango i nga mahi paato i te wa e mau tonu ana nga momo ahua.

  1. <div class = "whakawhārangi" >
  2. <ul>
  3. <li class = "whakakore" ><span> « </span></li>
  4. <li class = "active" ><span> 1 </span></li>
  5. ...
  6. </ul>
  7. </div>

Rahi

Kei te pirangi koe ki te wharangi nui, iti ake ranei? Tāpirihia .pagination-large, .pagination-small, .pagination-minimo etahi atu rahinga ranei.

  1. <div class = "pagination pagination-nui" >
  2. <ul>
  3. ...
  4. </ul>
  5. </div>
  6. <div class = "whakawhārangi" >
  7. <ul>
  8. ...
  9. </ul>
  10. </div>
  11. <div class = "pagination pagination-iti" >
  12. <ul>
  13. ...
  14. </ul>
  15. </div>
  16. <div class = "pagination pagination-mini" >
  17. <ul>
  18. ...
  19. </ul>
  20. </div>

Tirohanga

Tāpirihia tetahi o nga karaehe e rua hei whakarereke i te tirohanga o nga hononga whakarangirangi: .pagination-centeredme .pagination-right.

  1. <div class = "whakakauwhau wharangi-pokapū" >
  2. ...
  3. </div>
  1. <div class = "pagination pagination-matau" >
  2. ...
  3. </div>

Pager

Nga hononga tere o mua me muri mo nga whakatinanatanga whakarangirangi ngawari me te tohu marama me nga momo. He pai mo nga waahi ngawari penei i nga rangitaki me nga maheni.

Tauira taunoa

Ma te taunoa, ka pokapu hono te pager.

  1. <ul class = "pager" >
  2. <li><a href = "#" > Tuhinga o mua </a> </li>
  3. <li><a href = "#" > Panuku </a> </li>
  4. </ul>

Hononga hono

Ka taea e koe te whakarite i ia hononga ki nga taha:

  1. <ul class = "pager" >
  2. <li class = "mua" >
  3. <a href = "#" > Tawhito </a>
  4. </li>
  5. <li class = "muri" >
  6. <a href = "#" > Hou → </a>
  7. </li>
  8. </ul>

Ko te ahua monokia

Ka whakamahia ano hoki e nga hononga pager te .disabledkaraehe whaipainga whanui mai i te wharangi.

  1. <ul class = "pager" >
  2. <li class = "kua haua o mua" >
  3. <a href = "#" > Tawhito </a>
  4. </li>
  5. ...
  6. </ul>

Tapanga

Tapanga Tohutohu
Taunoa <span class="label">Default</span>
Angitu <span class="label label-success">Success</span>
Whakatupato <span class="label label-warning">Warning</span>
He mea nui <span class="label label-important">Important</span>
Nga korero <span class="label label-info">Info</span>
Kōaroaro <span class="label label-inverse">Inverse</span>

Tohu

Ingoa Tauira Tohutohu
Taunoa 1 <span class="badge">1</span>
Angitu 2 <span class="badge badge-success">2</span>
Whakatupato 4 <span class="badge badge-warning">4</span>
He mea nui 6 <span class="badge badge-important">6</span>
Nga korero 8 <span class="badge badge-info">8</span>
Kōaroaro 10 <span class="badge badge-inverse">10</span>

He ngawari te tiango

Mo te whakatinanatanga ngawari, ka tiango noa nga tapanga me nga tohu (ma te :emptykaiwhiriwhiri a CSS) karekau he ihirangi kei roto.

Waehe toa

He waahanga ngawari, ngawari hei whakaatu i nga ihirangi matua ki to pae. He pai te mahi i runga i nga waahi hokohoko me nga waahi-taimaha.

Kia ora, te ao!

He wae toa ngawari tenei, he waahanga ahua-jumbotron mo te aro nui ki nga korero, korero ranei.

Ako atu

  1. <div class = "waewae-toa" >
  2. <h1> Pane </h1>
  3. <p> Tohutohu </p>
  4. <p>
  5. <a class = "btn btn-tuatahi btn-nui" >
  6. Ako atu
  7. </a>
  8. </p>
  9. </div>

Pane wharangi

He anga ngawari mo te h1mokowhiti tika me te wehewehe i nga waahanga o te ihirangi ki te wharangi. Ka taea te whakamahi i h1te taunoa small, te huānga me te nuinga atu o nga waahanga (me etahi atu momo).

  1. <div class = "page-header" >
  2. <h1> Tauira pane page <small> Kupuroto mo te pane </small></h1>
  3. </div>

Karakōnui taunoa

Ma te taunoa, ka hangaia nga karakōnui a Bootstrap hei whakaatu i nga whakaahua hono me te tohu tohu iti.

Tino whakarite

Ma te iti o te tohu tohu, ka taea te taapiri i nga momo ihirangi HTML penei i nga pane, nga kowae, nga paatene ranei ki nga karakōnui.

  • 300x200

    Tapanga karakōnui

    Ka taea e koe te mahi, ka taea e koe te whakahaere i roto, ka taea e koe. Donec id elit non mi porta gravida and eget metus. Ko te ingoa o nga mea katoa ka taea e koe.

    Mahi Mahi

  • 300x200

    Tapanga karakōnui

    Ka taea e koe te mahi, ka taea e koe te whakahaere i roto, ka taea e koe. Donec id elit non mi porta gravida and eget metus. Ko te ingoa o nga mea katoa ka taea e koe.

    Mahi Mahi

  • 300x200

    Tapanga karakōnui

    Ka taea e koe te mahi, ka taea e koe te whakahaere i roto, ka taea e koe. Donec id elit non mi porta gravida and eget metus. Ko te ingoa o nga mea katoa ka taea e koe.

    Mahi Mahi

He aha te whakamahi karakōnui

Ko nga karakōnui (i mua .media-gridtae noa ki te v1.4) he pai mo nga raarangi whakaahua, ataata ranei, hua rapu whakaahua, hua hokohoko, putea, me te maha atu. He hononga, he ihirangi pateko ranei.

He tohu ngawari, ngawari

He ngawari te tohu karakōnui—a ulme te maha o linga huānga ko nga mea katoa e hiahiatia ana. He tino ngawari hoki, ka taea e koe nga momo ihirangi me te tohu tohu iti ake hei takai i o ihirangi.

Ka whakamahi i nga rahi o nga pou tukutuku

Ka mutu, ka whakamahi te wahanga karakōnui i ngā karaehe pūnaha mātiti o nāianei—penei .span2i te .span3—mo te whakahaere i nga rahinga karakōnui.

Tohutohu

Ka rite ki te korero i mua, ko te tohu tohu mo nga karakōnui he maama me te ngawari. Anei he tirohanga ki te tatūnga taunoa mo nga whakaahua hono :

  1. <ul class = "karakōnui" >
  2. <li class = "span4" >
  3. <a href = "#" class = "karakōnui" >
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. </a>
  6. </li>
  7. ...
  8. </ul>

Mo nga ihirangi HTML ritenga i roto i nga karakōnui, he paku rereke te tohu tohu. Hei tuku i nga ihirangi taumata paraka ki hea, ka huri tatou i <a>te <div>mea penei:

  1. <ul class = "karakōnui" >
  2. <li class = "span4" >
  3. <div class = "karakōnui" >
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. <h3> Tapanga karakōnui </h3>
  6. <p> Tapanga karakōnui... </p>
  7. </div>
  8. </li>
  9. ...
  10. </ul>

Ētahi atu tauira

Te tirotiro i o whiringa katoa me nga momo karaehe matiti e waatea ana ki a koe. Ka taea hoki e koe te whakakotahi me te whakataurite i nga rahi rereke.

Matohi taunoa

Tākaihia he kuputuhi me te patene whakakore i roto i te kowhiringa .alertmo te karere matohi taketake.

Whakatupato! He pai ake te tirotiro i a koe ano, kaore koe i te tino pai.
  1. <div class = "matohi" >
  2. <button type = "button" class = "close" data-dismiss = "matohi" > &wa; </pātene>
  3. <strong> Whakatūpato! </strong> He pai ake te tirotiro i a koe ano, kaore koe i te tino pai.
  4. </div>

Waiho nga patene

Ko nga kaitirotiro Mobile Safari me te Opera Mobile, i tua atu i te data-dismiss="alert"huanga, me tono he href="#"mo te whakakore i nga matohi ina whakamahi <a>tohu.

  1. <a href = "#" class = "close" data-dismiss = "matohi" > &wa; </a>

Ka taea e koe te whakamahi i tetahi <button>huānga me te huanga raraunga, i whiriwhiria e matou ki te mahi mo o maatau tuhinga. I a koe e whakamahi ana <button>, me whakauru type="button"koe, karekau pea o puka e tuku.

  1. <button type = "button" class = "close" data-dismiss = "matohi" > &wa; </pātene>

Waiho nga matohi ma te JavaScript

Whakamahia te mono jQuery matohi mo te whakakore tere me te ngawari o nga matohi.


Kōwhiringa

Mo nga karere roa ake, whakanuia te papa ki runga me raro o te takai matohi ma te taapiri .alert-block.

Whakatupato!

He pai ake te tirotiro i a koe ano, kaore koe i te tino pai. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

  1. <div class = "pararaka mataara" >
  2. <button type = "button" class = "close" data-dismiss = "matohi" > &wa; </pātene>
  3. <h4> Whakatupato! </h4>
  4. He pai ake te tirotiro i a koe ano, kaore koe ...
  5. </div>

Nga momo horopaki

Taapirihia nga karaehe hei whakarereke i te tikanga o te matohi.

Hapa, morearea ranei

Aue kapo! Hurihia etahi mea ka ngana ki te tuku ano.
  1. <div class = "matohi-hapa" >
  2. ...
  3. </div>

Angitu

Ka pai! I angitu koe ki te panui i tenei karere mataara nui.
  1. <div class = "matatohi-angitu" >
  2. ...
  3. </div>

Nga korero

Mahunga ake! Me aro mai tenei matohi, engari ehara i te mea tino nui.
  1. <div class = "mohiohio matohi matohi" >
  2. ...
  3. </div>

Nga tauira me te tohu tohu

Taketake

Pae ahunga whakamua taunoa me te rōnaki poutū.

  1. <div class = "te ahunga whakamua" >
  2. <div class = "bar" style = " whanui : 60 %; " ></div>
  3. </div>

Tāhekeheke

Ka whakamahi i te rōnaki hei hanga i te awenga purepure. Kaore i te waatea i IE7-8.

  1. <div class = "te ahunga whakamua-striped" >
  2. <div class = "bar" style = " whanui : 20 %; " ></div>
  3. </div>

Hangarite

Taapirihia .activeki .progress-stripedte whakakorikori i nga whiu matau ki maui. Kāore i te wātea ki ngā momo putanga katoa o IE.

  1. <div class = "te ahunga whakamua-striped active" >
  2. <div class = "bar" style = " whanui : 40 %; " ></div>
  3. </div>

Tāpae

Whakanohoia nga kaho maha ki roto i te kotahi .progresshei tapae.

  1. <div class = "te ahunga whakamua" >
  2. <div class = "bar bar-success" style = " whanui : 35 %; " ></div>
  3. <div class = "bar bar-warning" style = " whanui : 20 %; " ></div>
  4. <div class = "bar bar-danger" style = " whanui : 10 %; " ></div>
  5. </div>

Kōwhiringa

Tae taapiri

Ka whakamahia e nga pae ahunga whakamua etahi o nga paatene me nga karaehe matohi mo nga momo rite.

  1. <div class = "te ahunga whakamua-info" >
  2. <div class = "bar" style = " whanui : 20 % " ></div>
  3. </div>
  4. <div class = "te ahunga whakamua-angitu" >
  5. <div class = "bar" style = " whanui : 40 % " ></div>
  6. </div>
  7. <div class = "te ahunga whakamua-whakatupato" >
  8. <div class = "bar" style = " whanui : 60 % " ></div>
  9. </div>
  10. <div class = "te ahunga whakamua-te kino" >
  11. <div class = "bar" style = " whanui : 80 % " ></div>
  12. </div>

Kaho tarekare

He rite ki nga tae totoka, he rerekee a matou paera ahu whakamua.

  1. <div class = "te ahunga whakamua-te ahunga whakamua-whakawhitinga" >
  2. <div class = "bar" style = " whanui : 20 % " ></div>
  3. </div>
  4. <div class = "te ahunga whakamua-angitu te ahunga whakamua-striped" >
  5. <div class = "bar" style = " whanui : 40 % " ></div>
  6. </div>
  7. <div class = "te ahunga whakamua-whakatupato ahunga whakamua-striped" >
  8. <div class = "bar" style = " whanui : 60 % " ></div>
  9. </div>
  10. <div class = "te ahunga whakamua-te ahunga whakamua-te kino" >
  11. <div class = "bar" style = " whanui : 80 % " ></div>
  12. </div>

Tautoko Pūtirotiro

Ka whakamahia e nga pae ahunga whakamua nga rōnaki CSS3, nga whakawhitinga, me nga pakiwaituhi hei whakatutuki i o raatau paanga katoa. Ko enei ahuatanga kaore i te tautokohia i roto i te IE7-9, i nga putanga tawhito ake ranei o Firefox.

Ko nga putanga o mua atu i a Internet Explorer 10 me Opera 12 kaore i te tautoko i nga pakiwaituhi.

Ko nga momo ahanoa maamaa mo te hanga momo momo waahanga (penei i nga korero rangitaki, Tweets, me etahi atu) e whakaatu ana i te taha maui- matau-tika ranei ki te taha o nga tuhinga tuhinga.

Tauira taunoa

Ka taea e te pāpāho taunoa te rewa i tetahi ahanoa pāpāho (whakaahua, ataata, ororongo) ki te taha maui, matau ranei o te paraka ihirangi.

64x64

Pane korero

Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac kore vulputate fringilla. Donec lacinia congue felis in faucibus.
64x64

Pane korero

Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac kore vulputate fringilla. Donec lacinia congue felis in faucibus.
64x64

Pane korero

Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac kore vulputate fringilla. Donec lacinia congue felis in faucibus.
  1. <div class = "pāho" >
  2. <a class = "kumea-maui" href = "#" >
  3. <img class = "media-object" data-src = "holder.js/64x64" >
  4. </a>
  5. <div class = "pāpāho-tinana" >
  6. <h4 class = "media-heading" > Media heading </h4>
  7. ...
  8.  
  9. <!-- Kohanga ahanoa pāpāho -->
  10. <div class = "pāho" >
  11. ...
  12. </div>
  13. </div>
  14. </div>

Rārangi pāpāho

Ma te iti o te tohu tohu, ka taea e koe te whakamahi i te papapāho i roto i te raarangi (he pai mo nga miro korero, rarangi tuhinga ranei).

  • 64x64

    Pane korero

    Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    64x64

    Pane papapāho kohanga

    Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
    64x64

    Pane papapāho kohanga

    Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
    64x64

    Pane papapāho kohanga

    Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  • 64x64

    Pane korero

    Ka noho noa koe, i roto i te gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  1. <ul class = "rārangi-pāpāho" >
  2. <li class = "pāpāho" >
  3. <a class = "kumea-maui" href = "#" >
  4. <img class = "media-object" data-src = "holder.js/64x64" >
  5. </a>
  6. <div class = "pāpāho-tinana" >
  7. <h4 class = "media-heading" > Media heading </h4>
  8. ...
  9.  
  10. <!-- Kohanga ahanoa pāpāho -->
  11. <div class = "pāho" >
  12. ...
  13. </div>
  14. </div>
  15. </li>
  16. </ul>

puna

Whakamahia te puna hei awe ngawari ki runga i tetahi huānga kia hoatu he awe whakauru.

Titiro, kei roto ahau i te puna!
  1. <div class = "pai" >
  2. ...
  3. </div>

Nga karaehe whiriwhiri

Whakahaerehia te papa me nga kokonga porotaka me nga karaehe whakarereke e rua.

Titiro, kei roto ahau i te puna!
  1. <div class = "pai pai-nui" >
  2. ...
  3. </div>
Titiro, kei roto ahau i te puna!
  1. <div class = "pai pai-iti" >
  2. ...
  3. </div>

Katia te ata

Whakamahia te ata kati mo te whakakore i nga ihirangi penei i nga tikanga me nga matohi.

  1. <button class = "kati" > × </pātene>

Ko nga taputapu iOS e hiahia ana href="#"mo nga huihuinga panui mena ka hiahia koe ki te whakamahi i te punga.

  1. <a class = "close" href = "#" > × </a>

Nga karaehe kaiawhina

Ko nga karaehe ngawari, arotahi mo te whakaaturanga iti, mo nga takawiri whanonga ranei.

.toia-maui

Manu he huānga maui

  1. akomanga = "toia-maui"
  1. . toia - maui {
  2. mānu : maui ;
  3. }

.toia-matau

Manu tetahi huānga matau

  1. class = "toia-matau"
  1. . toia - matau {
  2. mānu : tika ;
  3. }

.wahangu

Hurihia te tae o te huānga ki#999

  1. akomanga = "wahangu"
  1. . wahangu {
  2. tae : #999;
  3. }

.whakatikatika

Ūkuia te floati runga i tetahi huānga

  1. class = "whakatikatika"
  1. . whakatika {
  2. * topa : 1 ;
  3. &: mua ,
  4. &: muri {
  5. whakaatu : tepu ;
  6. ihirangi : "" ;
  7. }
  8. &: muri {
  9. mārama : e rua ;
  10. }
  11. }