Ibigize

Ibice byinshi byongeye gukoreshwa byubatswe kugirango bitange inzira, kumenyesha, popovers, nibindi byinshi.

Ingero

Amahitamo abiri yibanze, hamwe nibindi bibiri bitandukanye.

Itsinda rimwe rya buto

Kuzuza urukurikirane rwa buto hamwe .btnna .btn-group.

  1. <div class = "btn-itsinda" >
  2. <buto icyiciro = "btn" > Ibumoso </button>
  3. <buto icyiciro = "btn" > Hagati </button>
  4. <buto icyiciro = "btn" > Iburyo </button>
  5. </div>

Amatsinda menshi ya buto

Huza <div class="btn-group">ibice bya a <div class="btn-toolbar">kubintu byinshi bigoye.

  1. <div class = "btn-toolbar" >
  2. <div class = "btn-itsinda" >
  3. ...
  4. </div>
  5. </div>

Amatsinda ya buto ahagaritse

Kora urutonde rwa buto rugaragara ruhagaritse aho gutambuka.

  1. <div class = "btn-itsinda btn-itsinda-rihagaritse" >
  2. ...
  3. </div>

Kugenzura agasanduku na flavour ya radio

Amatsinda ya buto arashobora kandi gukora nka radio, aho buto imwe yonyine ishobora kuba ikora, cyangwa agasanduku, aho umubare uwo ariwo wose wa buto ushobora kuba ukora. Reba inyandiko ya JavaScript kubyo.

Ibitonyanga mumatsinda ya buto

Umutwe!Utubuto dufite ibitonyanga bigomba gupfunyika kugiti cyabyo .btn-groupmuburyo .btn-toolbarbwo gutanga neza.

Incamake n'ingero

Koresha buto iyariyo yose kugirango utere menu yamanutse uyishyire muri a .btn-grouphanyuma utange menu ikwiye.

  1. <div class = "btn-itsinda" >
  2. <a class = "btn guta-toggle" data-toggle = "dropdown" href = "#">
  3. Igikorwa
  4. <span class = "caret" > </span>
  5. </a>
  6. <ul class = "ibitonyanga-menu" >
  7. <! - Ibitonyanga Ibikurikira Ihuza ->
  8. </ul>
  9. </div>

Akorana na buto zose zingana

Utubuto tumanuka dukora mubunini ubwo aribwo bwose .btn-large,,, .btn-smallcyangwa .btn-mini.

Irasaba JavaScript

Ibitonyanga bya buto bisaba Bootstrap yamanutse plugin kugirango ikore.

Rimwe na rimwe - nka mobile - ibimanuka bizagenda byerekanwa hanze. Ugomba gukemura guhuza intoki cyangwa hamwe na JavaScript yihariye.


Gutandukanya buto yamanutse

Kubaka kuri buto yitsinda ryimiterere na marike, turashobora gukora byoroshye buto yo gutandukana. Gutandukanya utubuto tugaragaza ibikorwa bisanzwe ibumoso hamwe no kugabanuka kumanuka iburyo hamwe nibihuza.

  1. <div class = "btn-itsinda" >
  2. <buto icyiciro = "btn" > Igikorwa </button>
  3. <buto icyiciro = "btn kumanuka-guhinduranya" data-toggle = "igitonyanga" >
  4. <span class = "caret" > </span>
  5. </button>
  6. <ul class = "ibitonyanga-menu" >
  7. <! - Ibitonyanga Ibikurikira Ihuza ->
  8. </ul>
  9. </div>

Ingano

Koresha inyongera ya buto y'ibyiciro .btn-mini, .btn-smallcyangwa .btn-largekubunini.

  1. <div class = "btn-itsinda" >
  2. <buto icyiciro = "btn btn-mini" > Igikorwa </button>
  3. <buto icyiciro = "btn btn-mini kumanuka-guhinduranya" data-toggle = "igitonyanga" >
  4. <span class = "caret" > </span>
  5. </button>
  6. <ul class = "ibitonyanga-menu" >
  7. <! - Ibitonyanga Ibikurikira Ihuza ->
  8. </ul>
  9. </div>

Ibitonyanga

Ibitonyanga byamanuka birashobora kandi guhindurwa kuva hasi hejuru wongeyeho icyiciro kimwe kubabyeyi ba hafi .dropdown-menu. Bizahindura icyerekezo cya i .caretno guhinduranya menu ubwayo kugirango yimuke kuva hasi hejuru aho hejuru hejuru.

  1. <div class = "btn-itsinda ryamanutse" >
  2. <buto icyiciro = "btn" > Igitonyanga </button>
  3. <buto icyiciro = "btn kumanuka-guhinduranya" data-toggle = "igitonyanga" >
  4. <span class = "caret" > </span>
  5. </button>
  6. <ul class = "ibitonyanga-menu" >
  7. <! - Ibitonyanga Ibikurikira Ihuza ->
  8. </ul>
  9. </div>

Ubusanzwe

Kwiyoroshya byoroshye byahumetswe na Rdio, byiza kuri porogaramu n'ibisubizo by'ishakisha. Inzitizi nini iragoye kubura, byoroshye kugereranywa, kandi itanga ahantu hanini ho gukanda.

  1. <div class = "pagination" >
  2. <ul>
  3. <li> <a href = "#"> Ibanza </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 = "#"> Ibikurikira </a> </li>
  10. </ul>
  11. </div>

Amahitamo

Abamugaye kandi bakora

Ihuza rirashobora guhinduka mubihe bitandukanye. Koresha .disabledimiyoboro idahinduka no .activekwerekana urupapuro rwubu.

  1. <div class = "pagination" >
  2. <ul>
  3. <li class = "ubumuga" > <a href = "#"> & laquo ; </a> </li>
  4. <li urwego = "rukora" > <a href = "#"> 1 </a> </li>
  5. ...
  6. </ul>
  7. </div>

Urashobora guhitamo guhinduranya ibikorwa cyangwa byahagaritswe inanga kugirango ukureho imikorere yo gukanda mugihe ugumanye uburyo bugenewe.

  1. <div class = "pagination" >
  2. <ul>
  3. <li urwego = "ubumuga" > <span> & laquo; </span> </li>
  4. <li urwego = "rukora" > <span> 1 </span> </li>
  5. ...
  6. </ul>
  7. </div>

Ingano

Ibyiza binini cyangwa bito? Ongeraho .pagination-large, .pagination-smallcyangwa .pagination-minikubunini bwinyongera.

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

Guhuza

Ongeramo rimwe mubyiciro bibiri bidahwitse kugirango uhindure guhuza pagination ihuza: .pagination-centeredna .pagination-right.

  1. <div class = "pagination pagination-ishingiye" >
  2. ...
  3. </div>
  1. <div class = "pagination pagination-iburyo" >
  2. ...
  3. </div>

Pager

Byihuse byambere nibikurikira bihuza byoroshye pagination gushyira mubikorwa hamwe nurumuri nuburyo. Nibyiza kurubuga rworoshye nka blog cyangwa ibinyamakuru.

Urugero rusanzwe

Mburabuzi, pager hagati ihuza.

  1. <ul class = "pager" >
  2. <li> <a href = "#"> Mbere </a> </li>
  3. <li> <a href = "#"> Ibikurikira </a> </li>
  4. </ul>

Guhuza

Ubundi, urashobora guhuza buri murongo kumpande:

  1. <ul class = "pager" >
  2. <li urwego = "ubanza" >
  3. <a href = "#"> & larr ; Umusaza </a>
  4. </li>
  5. <li urwego = "ubutaha" >
  6. <a href = "#"> Gishya & rarr ; </a>
  7. </li>
  8. </ul>

Leta ihitamo ubumuga

Ipaji ihuza kandi ikoresha icyiciro rusange .disabledcyingirakamaro kuva kuri pagination.

  1. <ul class = "pager" >
  2. <li urwego = "ubumuga bwambere" >
  3. <a href = "#"> & larr ; Umusaza </a>
  4. </li>
  5. ...
  6. </ul>

Ibirango

Ibirango Markup
Mburabuzi <span class="label">Default</span>
Intsinzi <span class="label label-success">Success</span>
Iburira <span class="label label-warning">Warning</span>
Ni ngombwa <span class="label label-important">Important</span>
Amakuru <span class="label label-info">Info</span>
Ibinyuranye <span class="label label-inverse">Inverse</span>

Ikarita

Izina Urugero Markup
Mburabuzi 1 <span class="badge">1</span>
Intsinzi 2 <span class="badge badge-success">2</span>
Iburira 4 <span class="badge badge-warning">4</span>
Ni ngombwa 6 <span class="badge badge-important">6</span>
Amakuru 8 <span class="badge badge-info">8</span>
Ibinyuranye 10 <span class="badge badge-inverse">10</span>

Biroroshye gusenyuka

Kubishyira mubikorwa byoroshye, ibirango na badge bizasenyuka gusa (binyuze mumutoranya wa CSS :empty) mugihe ntakintu kibaho imbere.

Igice cyintwari

Ikintu cyoroshye, cyoroshye kugirango kigaragaze ibintu byingenzi kurubuga rwawe. Ikora neza kubucuruzi no kurubuga-ruremereye.

Mwaramutse, isi!

Nibintu byintwari byoroheje, byoroshye jumbotron-yuburyo bwo guhamagarira kwitondera ibintu byihariye cyangwa amakuru.

Wige byinshi

  1. <div class = "intwari-ubumwe" >
  2. <h1> Umutwe </h1>
  3. <p> Tagine </p>
  4. <p>
  5. <a class = "btn btn- primaire btn-large">
  6. Wige byinshi
  7. </a>
  8. </p>
  9. </div>

Urupapuro Umutwe

Igikonoshwa cyoroheje h1kugirango kibe umwanya ukwiye hamwe nigice cyibigize kurupapuro. Irashobora gukoresha h1'Mburabuzi small, Ikintu Nka Ibindi Byinshi (hamwe nuburyo bwinyongera).

  1. <div class = "page-umutwe" >
  2. <h1> Urugero rwumutwe wumutwe <small> Subtext kumutwe </small> </h1>
  3. </div>

Mburabuzi

Mburabuzi, Bootstrap's thumbnail yagenewe kwerekana amashusho ahujwe nibimenyetso bike bisabwa.

Birashoboka cyane

Hamwe na bike byongeweho, birashoboka kongeramo ubwoko ubwo aribwo bwose bwa HTML nkimitwe, paragarafu, cyangwa buto muri thumbnail.

  • 300x200

    Ikimenyetso cya Thumbnail

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

    Igikorwa Igikorwa

  • 300x200

    Ikimenyetso cya Thumbnail

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

    Igikorwa Igikorwa

  • 300x200

    Ikimenyetso cya Thumbnail

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

    Igikorwa Igikorwa

Kuki ukoresha igikumwe

Thumbnail (mbere .media-gridkugeza kuri v1.4) nibyiza kuri gride yamafoto cyangwa videwo, ibisubizo byo gushakisha amashusho, ibicuruzwa bicuruzwa, portfolios, nibindi byinshi. Birashobora kuba amahuza cyangwa ibirimo bihamye.

Ikimenyetso cyoroshye, cyoroshye

Thumbnail marike iroroshye-a ulhamwe numubare uwo ariwo wose liwibintu byose bisabwa. Nibindi byoroshye guhinduka, kwemerera ubwoko bwibirimo byose hamwe nibindi byinshi byo gushiraho kugirango uzenguruke ibikubiyemo.

Koresha grid inkingi ingano

Ubwanyuma, igikumwe gikoresha sisitemu ya grid sisitemu isanzwe - nka .span2cyangwa.span3 -kugenzura ibipimo bya thumbnail.

Markup

Nkuko byavuzwe mbere, ibimenyetso bisabwa kuri thumbnail biroroshye kandi byoroshye. Hano reba uburyo busanzwe bwo gushiraho amashusho :

  1. <ul class = "igikumwe" >
  2. <li urwego = "span4" >
  3. <a href = "#" class = "thumbnail"> _
  4. <img data-src = "ufite.js / 300x200" alt = "" >
  5. </a>
  6. </li>
  7. ...
  8. </ul>

Kubisanzwe HTML yibirimo muri thumbnail, marike ihinduka gato. Kwemerera guhagarika urwego urwego aho ariho hose, duhinduranya <a>ibintu <div>nkibi:

  1. <ul class = "igikumwe" >
  2. <li urwego = "span4" >
  3. <div class = "igikumwe" >
  4. <img data-src = "ufite.js / 300x200" alt = "" >
  5. <h3> Ikirango cya Thumbnail </h3>
  6. <p> Inyandiko ntoya ... </p>
  7. </div>
  8. </li>
  9. ...
  10. </ul>

Ingero nyinshi

Shakisha amahitamo yawe yose hamwe nibyiciro bitandukanye bya gride ushobora kubona. Urashobora kandi kuvanga no guhuza ubunini butandukanye.

Mburabuzi

Kuzuza inyandiko iyariyo yose na buto yo kwirukana .alertkubutumwa bwibanze bwo kuburira.

Iburira! Byiza kugenzura yo wenyine, ntabwo ureba neza cyane.
  1. <div class = "menyesha" >
  2. <buto ubwoko = "buto" urwego = "gufunga" data-gusezerera = "kumenyesha" > & ibihe; </button>
  3. <strong> Iburira! </strong> Kugenzura neza yo wenyine, ntabwo ureba neza.
  4. </div>

Kwirukana buto

Terefone igendanwa ya Safari na mobile Opera, usibye data-dismiss="alert"ikiranga, bisaba an href="#"yo kwirukana imenyesha mugihe ukoresheje <a>tagi.

  1. <a href = "#" class = "gufunga" data-dismiss = "alert"> & ibihe; </a>

Ubundi, urashobora gukoresha ikintu <button>hamwe namakuru yikiranga, twahisemo gukora kubitabo byacu. Mugihe ukoresha <button>, ugomba gushiramo type="button"cyangwa impapuro zawe ntizishobora gutanga.

  1. <buto ubwoko = "buto" urwego = "gufunga" data-gusezerera = "kumenyesha" > & ibihe; </button>

Kwirukana imenyesha ukoresheje JavaScript

Koresha imenyesha jQuery plugin kugirango byihuse kandi byoroshye kwirukana integuza.


Amahitamo

Kubutumwa burebure, ongera padi hejuru no hepfo yumwitozo wongeyeho wongeyeho .alert-block.

Iburira!

Byiza kugenzura yo wenyine, ntabwo ureba neza cyane. Nulla vitae elit libero, pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

  1. <div class = "kumenyesha integuza-guhagarika" >
  2. <buto ubwoko = "buto" urwego = "gufunga" data-gusezerera = "kumenyesha" > & ibihe; </button>
  3. <h4> Kuburira! </h4>
  4. Byiza kugenzura yo wenyine, ntabwo uri ...
  5. </div>

Ibindi bisobanuro

Ongeraho amasomo atabishaka kugirango uhindure ibisobanuro.

Ikosa cyangwa akaga

Yoo! Hindura ibintu bike hanyuma ugerageze kongera gutanga.
  1. <div class = "kumenyesha-kwibeshya" >
  2. ...
  3. </div>

Intsinzi

Muraho neza! Urasoma neza ubu butumwa bwingenzi bwo kumenyesha.
  1. <div class = "kumenyesha-gutsinda" >
  2. ...
  3. </div>

Amakuru

Umutwe! Uku kumenyesha gukeneye kwitabwaho, ariko ntabwo ari ngombwa cyane.
  1. <div class = "kumenyesha amakuru-amakuru" >
  2. ...
  3. </div>

Ingero na marike

Shingiro

Mburabuzi Iterambere ryumurongo hamwe na vertical gradient.

  1. <div class = "iterambere" >
  2. <div class = "bar" style = " ubugari : 60 %; " > </div>
  3. </div>

Yanditse

Koresha icyiciro kugirango ukore ingaruka. Ntiboneka muri IE7-8.

  1. <div class = "amajyambere atera imbere "
  2. <div class = "bar" style = " ubugari : 20 %; " > </div>
  3. </div>

Animated

Ongeraho .activekugirango .progress-stripedushushanye imirongo iburyo cyangwa ibumoso. Ntiboneka muri verisiyo zose za IE.

  1. <div class = "iterambere ryiterambere-rigizwe nibikorwa" >
  2. <div class = "bar" style = " ubugari : 40 %; " > </div>
  3. </div>

Bishyizwe hamwe

Shira utubari twinshi murimwe .progresskugirango ubishyire hamwe.

  1. <div class = "iterambere" >
  2. <div class = "bar bar-intsinzi" style = " ubugari : 35 %; " > </div>
  3. <div class = "umurongo wo kuburira" style = " ubugari : 20 %; " > </div>
  4. <div class = "bar bar-danger" style = " ubugari : 10 %; " > </div>
  5. </div>

Amahitamo

Amabara yinyongera

Utubari twiterambere dukoresha bimwe mubuto bumwe no kumenyesha ibyiciro kuburyo buhoraho.

  1. <div class = "iterambere ryiterambere-amakuru" >
  2. <div class = "bar" style = " ubugari : 20 % " > </div>
  3. </div>
  4. <div class = "iterambere ryiterambere-intsinzi" >
  5. <div class = "bar" style = " ubugari : 40 % " > </div>
  6. </div>
  7. <div class = "iterambere ryiterambere-kuburira" >
  8. <div class = "bar" style = " ubugari : 60 % " > </div>
  9. </div>
  10. <div class = "iterambere ryiterambere-akaga" >
  11. <div class = "bar" style = " ubugari : 80 % " > </div>
  12. </div>

Utubari

Bisa namabara akomeye, twagiye dutandukanya imirongo yiterambere.

  1. <div class = "iterambere ryiterambere-amakuru yiterambere-umurongo" >
  2. <div class = "bar" style = " ubugari : 20 % " > </div>
  3. </div>
  4. <div class = "iterambere ryiterambere-intsinzi iterambere-umurongo" >
  5. <div class = "bar" style = " ubugari : 40 % " > </div>
  6. </div>
  7. <div class = "iterambere ryiterambere-kuburira iterambere-umurongo" >
  8. <div class = "bar" style = " ubugari : 60 % " > </div>
  9. </div>
  10. <div class = "iterambere ryiterambere-akaga iterambere-ryambuwe" >
  11. <div class = "bar" style = " ubugari : 80 % " > </div>
  12. </div>

Inkunga ya mushakisha

Utubari twiterambere dukoresha CSS3 gradients, inzibacyuho, na animasiyo kugirango ugere ku ngaruka zabo zose. Ibiranga ntibishyigikiwe muri IE7-9 cyangwa verisiyo ishaje ya Firefox.

Imirongo mbere ya Internet Explorer 10 na Opera 12 ntabwo ishigikira animasiyo.

Uburyo bukuramo ibintu byubaka ubwoko butandukanye bwibigize (nkibitekerezo bya blog, Tweets, nibindi) biranga ishusho ibumoso cyangwa iburyo-ihuza ishusho hamwe nibirimo.

Urugero rusanzwe

Itangazamakuru risanzwe ryemerera kureremba ikintu cyitangazamakuru (amashusho, videwo, amajwi) ibumoso cyangwa iburyo bwibice.

64x64

Umutwe w'itangazamakuru

Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis muri faucibus.
64x64

Umutwe w'itangazamakuru

Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis muri faucibus.
64x64

Umutwe w'itangazamakuru

Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis muri faucibus.
  1. <div class = "itangazamakuru" >
  2. <a class = "gukuramo-ibumoso" href = "#"> _
  3. <img urwego = " itangazamakuru-ikintu" data-src = "ufite.js / 64x64" >
  4. </a>
  5. <div class = "itangazamakuru-umubiri" >
  6. <h4 urwego = " umutwe-w'itangazamakuru" > Umutwe w'itangazamakuru </h4>
  7. ...
  8.  
  9. <! - Ikintu cyitangazamakuru cyashyizwe ahagaragara ->
  10. <div class = "itangazamakuru" >
  11. ...
  12. </div>
  13. </div>
  14. </div>

Urutonde rw'itangazamakuru

Hamwe na marike yinyongera, urashobora gukoresha itangazamakuru imbere murutonde (ingirakamaro kubitekerezo cyangwa ibitekerezo byurutonde).

  • 64x64

    Umutwe w'itangazamakuru

    Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis.

    64x64

    Icyerekezo cyitangazamakuru

    Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis.
    64x64

    Icyerekezo cyitangazamakuru

    Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis.
    64x64

    Icyerekezo cyitangazamakuru

    Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis.
  • 64x64

    Umutwe w'itangazamakuru

    Cras icara amet nibh libero, muri gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum muri vulputate kuri, tempus viverra turpis.
  1. <ul class = "itangazamakuru-urutonde" >
  2. <li urwego = "itangazamakuru" >
  3. <a class = "gukuramo-ibumoso" href = "#"> _
  4. <img urwego = " itangazamakuru-ikintu" data-src = "ufite.js / 64x64" >
  5. </a>
  6. <div class = "itangazamakuru-umubiri" >
  7. <h4 urwego = " umutwe-w'itangazamakuru" > Umutwe w'itangazamakuru </h4>
  8. ...
  9.  
  10. <! - Ikintu cyitangazamakuru cyashyizwe ahagaragara ->
  11. <div class = "itangazamakuru" >
  12. ...
  13. </div>
  14. </div>
  15. </li>
  16. </ul>

Iriba

Koresha iriba nkibintu byoroshye kubintu kugirango biguhe inset.

Dore ndi mu iriba!
  1. <div class = "neza" >
  2. ...
  3. </div>

Amasomo atabishaka

Igenzura padding hamwe nu mpande zegeranye hamwe nibyiciro bibiri byahinduwe.

Dore ndi mu iriba!
  1. <div class = "neza-nini-nini" >
  2. ...
  3. </div>
Dore ndi mu iriba!
  1. <div class = "neza-nto" >
  2. ...
  3. </div>

Funga agashusho

Koresha igishushanyo rusange cyo gufunga kugirango wirukane ibirimo nka moderi no kumenyesha.

  1. <buto icyiciro = "gufunga" > & ibihe; </button>

Ibikoresho bya iOS bisaba href="#"gukanda ibyabaye niba ushaka gukoresha inanga.

  1. <a class = "close" href = "#"> & ibihe; </a>

Amasomo y'abafasha

Byoroheje, byibanze kumasomo mato yerekanwe cyangwa imyitwarire ihindagurika.

.kuramo-ibumoso

Fata ikintu gisigaye

  1. icyiciro = "gukurura-ibumoso"
  1. . gukurura - ibumoso {
  2. kureremba : ibumoso ;
  3. }

.kuramo-iburyo

Fata ikintu neza

  1. icyiciro = "gukurura-iburyo"
  1. . gukurura - iburyo {
  2. kureremba : iburyo ;
  3. }

.mute

Hindura ibara ryibintu kuri#999

  1. icyiciro = "ucecetse"
  1. . muted {
  2. ibara : # 999;
  3. }

.ibisobanuro

Kuraho i ikintu floaticyo ari cyo cyose

  1. icyiciro = "ibisobanuro"
  1. . Ibisobanuro {
  2. * zoom : 1 ;
  3. &: mbere ,
  4. &: nyuma {
  5. kwerekana : imbonerahamwe ;
  6. ibirimo : "" ;
  7. }
  8. &: nyuma {
  9. bisobanutse : byombi ;
  10. }
  11. }