Comhpháirteanna

Na iliomad comhpháirteanna ath-inúsáidte tógtha chun loingseoireacht, foláirimh, popovers agus go leor eile a sholáthar.

Samplaí

Dhá rogha bhunúsacha, chomh maith le dhá athrú níos sainiúla.

Grúpa cnaipí aonair

Wrap sraith cnaipí le .btni .btn-group.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Ar chlé </button>
  3. <button class = "btn" > Meán </button>
  4. <button class = "btn" > Ar dheis </button>
  5. </div>

Grúpaí cnaipí iolracha

Comhcheangail tacair de <div class="btn-group">isteach i <div class="btn-toolbar">do chomhpháirteanna níos casta.

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

Grúpaí cnaipí ingearacha

Déan sraith de chnaipí a bheith le feiceáil Cruachta go hingearach seachas go cothrománach.

  1. <div class = "btn-group btn-group-ingearach" >
  2. ...
  3. </div>

Blasanna ticbhosca agus raidió

Is féidir le grúpaí cnaipí feidhmiú mar raidiónna freisin, áit nach féidir ach cnaipe amháin a bheith gníomhach, nó ticbhoscaí, áit a bhféadfadh líon ar bith cnaipí a bheith gníomhach. Féach ar na doiciméid JavaScript le haghaidh sin.

Anuas i ngrúpaí cnaipí

Cinnirí suas!Ní mór cnaipí le anuas a bheith fillte ina n-aonar .btn-grouplaistigh de le .btn-toolbarhaghaidh rindreála cuí.

Forbhreathnú agus samplaí

Bain úsáid as aon chnaipe chun roghchlár anuas a spreagadh trína chur laistigh de .btn-groupagus trí mharcáil ceart an roghchláir a sholáthar.

  1. <div class = "btn-group" >
  2. <a class="btn dropdown-toggle" data-toggle = "titim" href="#"> _ _ _ _
  3. Gníomh
  4. <span class = "caret" ></span>
  5. </a>
  6. <ul class = "roghchlár anuas" >
  7. <!-- naisc roghchláir anuas -->
  8. </ul>
  9. </div>

Oibríonn sé le gach méid cnaipe

Oibríonn anuas cnaipe ag aon mhéid: .btn-large, .btn-small, nó .btn-mini.

Tá JavaScript de dhíth

Éilíonn anuas cnaipe an breiseán anuas Bootstrap chun feidhmiú.

I gcásanna áirithe—cosúil le fóin phóca—sínfidh biachláir anuas lasmuigh den radharc. Ní mór duit an t-ailíniú a réiteach de láimh nó le JavaScript saincheaptha.


Scoilt anuas na cnaipí

Ag tógáil ar stíleanna agus marcáil an ghrúpa cnaipe, is féidir linn cnaipe scoilte a chruthú go héasca. Tá gníomh caighdeánach ar chlé i gceist le cnaipí scoilte agus scorán anuas ar dheis le naisc chomhthéacsúla.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Gníomh </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "anuas" >
  4. <span class = "caret" ></span>
  5. </cnaipe>
  6. <ul class = "roghchlár anuas" >
  7. <!-- naisc roghchláir anuas -->
  8. </ul>
  9. </div>

Méideanna

Bain úsáid as na ranganna breise cnaipe .btn-mini, .btn-small, nó .btn-largele haghaidh méide.

  1. <div class = "btn-group" >
  2. <button class = "btn btn-mini" > Gníomh </button>
  3. <button class = "btn btn-mini dropdown-toggle" data-toggle = "titim anuas" >
  4. <span class = "caret" ></span>
  5. </cnaipe>
  6. <ul class = "roghchlár anuas" >
  7. <!-- naisc roghchláir anuas -->
  8. </ul>
  9. </div>

Roghchláir dropup

Is féidir roghchláir anuas a scoránú ón mbun aníos freisin trí rang amháin a chur le neasthuismitheoir .dropdown-menu. Smeachfaidh sé treo an .caretagus athshuífidh sé an roghchlár féin chun bogadh ón mbun aníos in ionad ón mbarr anuas.

  1. <div class = "btn-group dropup" >
  2. <button class = "btn" > Dropup </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "anuas" >
  4. <span class = "caret" ></span>
  5. </cnaipe>
  6. <ul class = "roghchlár anuas" >
  7. <!-- naisc roghchláir anuas -->
  8. </ul>
  9. </div>

Leathanach caighdeánach

Leathanacháil shimplí spreagtha ag Rdio, iontach le haghaidh apps agus torthaí cuardaigh. Is deacair an bloc mór a chailleann, inscálaithe go héasca, agus soláthraíonn sé limistéir cliceáil mhóra.

  1. <div class = "leathanach" >
  2. <ul>
  3. <li><a href = " #"> Roimhe </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 = " #"> Ar Aghaidh </a> < /li>
  10. </ul>
  11. </div>

Roghanna

Stáit faoi mhíchumas agus stáit ghníomhacha

Tá naisc inoiriúnaithe do chúinsí éagsúla. Bain úsáid as .disabledchun naisc nach féidir a chliceáil agus .activechun an leathanach reatha a léiriú.

  1. <div class = "leathanach" >
  2. <ul>
  3. <li class = "míchumas" < a href = " # " > « </a></li>
  4. <li class = "active" > <a href="#"> 1 </a> < /li>
  5. ...
  6. </ul>
  7. </div>

Is féidir leat ancairí gníomhacha nó díchumasaithe a mhalartú go roghnach le haghaidh raonta chun feidhm chliceáil a bhaint agus na stíleanna atá beartaithe a choinneáil.

  1. <div class = "leathanach" >
  2. <ul>
  3. <li class = "míchumasaithe" ><span> « </span></li>
  4. <li class = "active" ><span> 1 </span></li>
  5. ...
  6. </ul>
  7. </div>

Méideanna

An bhfuil fonn ort uimhrigh níos mó nó níos lú? Cuir .pagination-large, .pagination-small, nó .pagination-minile haghaidh méideanna breise.

  1. <div class = "leathanach leathanach-mór" >
  2. <ul>
  3. ...
  4. </ul>
  5. </div>
  6. <div class = "leathanach" >
  7. <ul>
  8. ...
  9. </ul>
  10. </div>
  11. <div class = "uimhrigh leathanach-beag" >
  12. <ul>
  13. ...
  14. </ul>
  15. </div>
  16. <div class = "uimhrigh mion-leathanach" >
  17. <ul>
  18. ...
  19. </ul>
  20. </div>

Ailíniú

Cuir ceann amháin de dhá rang roghnach leis chun ailíniú naisc uimhriúcháin a athrú: .pagination-centeredagus .pagination-right.

  1. <div class = "leathanach leathanach-lárnach" >
  2. ...
  3. </div>
  1. <div class = "uimhrigh leathanach ar dheis" >
  2. ...
  3. </div>

glaoire

Naisc thapa roimhe seo agus ina dhiaidh le haghaidh feidhmiúcháin uimhriúcháin shimplí le marcáil éadrom agus stíleanna. Tá sé iontach do shuímh simplí cosúil le blaganna nó irisí.

Sampla réamhshocraithe

De réir réamhshocraithe, díríonn an glaoire naisc.

  1. <ul class = "pager" >
  2. <li><a href="#"> Roimhe Seo </a> < /li>
  3. <li><a href = " #"> Ar Aghaidh </a> < /li>
  4. </ul>

Naisc ailínithe

Nó, is féidir leat gach nasc a ailíniú leis na taobhanna:

  1. <ul class = "pager" >
  2. <li class = "previous" >
  3. <a href="#"> & larr ; _ Níos sine </a>
  4. </li>
  5. <li rang = "ar aghaidh" >
  6. <a href="#"> Níos nuaí & rarr ; </a>
  7. </li>
  8. </ul>

Staid díchumasaithe roghnach

Úsáideann naisc ghlaoire freisin an .disabledrang fóntais ghinearálta ón leathanach.

  1. <ul class = "pager" >
  2. <li class = "míchumas roimhe seo" >
  3. <a href="#"> & larr ; _ Níos sine </a>
  4. </li>
  5. ...
  6. </ul>

Lipéid

Lipéid Marcáil
Réamhshocrú <span class="label">Default</span>
Rath <span class="label label-success">Success</span>
Rabhadh <span class="label label-warning">Warning</span>
Tábhachtach <span class="label label-important">Important</span>
Eolas <span class="label label-info">Info</span>
Inbhéartach <span class="label label-inverse">Inverse</span>

Suaitheantais

Ainm Sampla Marcáil
Réamhshocrú 1 <span class="badge">1</span>
Rath 2 <span class="badge badge-success">2</span>
Rabhadh 4 <span class="badge badge-warning">4</span>
Tábhachtach 6 <span class="badge badge-important">6</span>
Eolas 8 <span class="badge badge-info">8</span>
Inbhéartach 10 <span class="badge badge-inverse">10</span>

Go héasca collapsible

Ar mhaithe le cur i bhfeidhm éasca, ní bheidh ach lipéid agus suaitheantais in olcas (trí :emptyroghnóir CSS) nuair nach bhfuil aon ábhar istigh ann.

Aonad laoch

Comhpháirt éadrom, solúbtha chun príomhinneachar a thaispeáint ar do shuíomh. Oibríonn sé go maith ar mhargaíocht agus ar shuímh atá trom le hábhar.

Dia duit, domhan!

Is aonad laoch simplí é seo, comhpháirt shimplí de stíl jumbotron chun aird bhreise a dhíriú ar ábhar nó ar fhaisnéis faoi thrácht.

Foghlaim níos mó

  1. <div class = "laoch-aonad" >
  2. <h1> Ceannteideal </h1>
  3. <p> Cliblíne </p>
  4. <p>
  5. <a class="btn btn-bunscoil btn-large"> _
  6. Foghlaim níos mó
  7. </a>
  8. </p>
  9. </div>

Ceanntásc leathanaigh

Sliogán simplí le spásáil a dhéanamh h1go cuí agus codanna den ábhar a dheighilt ar leathanach. Is féidir leis úsáid a bhaint as h1réamhshocraithe an smalleilimint , chomh maith leis an chuid is mó comhpháirteanna eile (le stíleanna breise).

  1. <div class = "page-header" >
  2. <h1> Sampla de cheanntásc leathanaigh <small> Fothéacs don cheanntásc </small></h1>
  3. </div>

Mionsamhlacha réamhshocraithe

De réir réamhshocraithe, tá mionsamhlacha Bootstrap deartha chun íomhánna nasctha a thaispeáint le híosmhéid marcála riachtanach.

An-customizable

Le beagán marcála breise, is féidir aon chineál ábhar HTML cosúil le ceannteidil, ailt, nó cnaipí a chur isteach i mionsamhlacha.

  • 300x200

    Lipéad mionsamhlacha

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

    Gníomh Gníomh

  • 300x200

    Lipéad mionsamhlacha

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

    Gníomh Gníomh

  • 300x200

    Lipéad mionsamhlacha

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

    Gníomh Gníomh

Cén fáth mionsamhlacha a úsáid

Tá mionsamhlacha ( .media-gridgo dtí v1.4 roimhe seo) iontach do ghreillí grianghraif nó físeáin, torthaí cuardaigh íomhá, táirgí miondíola, punanna, agus go leor eile. Is féidir iad a bheith ina naisc nó ina n-ábhar statach.

Simplí, marcáil solúbtha

Tá marcáil mionsamhlacha simplí—is é sin ulle haon líon lieilimintí atá ag teastáil. Tá sé thar a bheith solúbtha freisin, rud a ligeann d'aon chineál ábhair a bhfuil beagán níos mó marcála aige chun d'inneachar a chuimilt.

Úsáideann sé méideanna colún greille

Ar deireadh, úsáideann comhpháirt na mionsamhlacha aicmí córais ghreille atá ann cheana féin - cosúil le .span2.span3- chun toisí mionsamhlacha a rialú.

Marcáil

Mar a luadh cheana, tá an marcáil riachtanach le haghaidh mionsamhlacha éadrom agus simplí. Seo breathnú ar an socrú réamhshocraithe le haghaidh íomhánna nasctha :

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

Maidir le hábhar HTML saincheaptha i mionsamhlacha, athraíonn an marcáil beagán. Chun an t-ábhar blocleibhéil a cheadú áit ar bith, malartóidh muid é le <a>haghaidh a <div>leithéid:

  1. <ul class = "mionsamhlacha" >
  2. <li class = "span4" >
  3. <div class = "mionsamhla" >
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. <h3> Lipéad mionsamhla </h3>
  6. <p> Fotheideal mionsamhla... </p>
  7. </div>
  8. </li>
  9. ...
  10. </ul>

Tuilleadh samplaí

Déan iniúchadh ar na roghanna go léir atá agat leis na ranganna eangaí éagsúla atá ar fáil duit. Is féidir leat méideanna éagsúla a mheascadh agus a mheaitseáil freisin.

Foláireamh réamhshocraithe

Wrap aon téacs agus cnaipe dífhostaithe roghnach isteach .alertle haghaidh teachtaireacht foláirimh bhunúsach.

Rabhadh! Is fearr a sheiceáil leat féin, níl tú ag breathnú ró-mhaith.
  1. <div class = "aire" >
  2. <button type = "button" class = "close" data-dismiss = "alert" > &amanna; </cnaipe>
  3. <strong> Rabhadh! </strong> Is fearr a sheiceáil duit féin, níl tú ag breathnú ró-mhaith.
  4. </div>

Déan cnaipí a dhíbhe

Teastaíonn ó bhrabhsálaithe Soghluaiste Safari agus Opera Mobile, chomh maith leis an data-dismiss="alert"tréith, href="#"chun foláirimh a dhíbhe agus <a>clib in úsáid.

  1. <a href="#" class="close" data-dismiss="folamh"> & amanna ; _ _ _ _ _ </a>

Nó, is féidir leat <button>eilimint a úsáid leis an tréith sonraí, rud a roghnaigh muid a dhéanamh dár ndoiciméid. Nuair a bheidh tú ag úsáid <button>, ní mór duit a chur san áireamh type="button"nó ní féidir d'fhoirmeacha a chur isteach.

  1. <button type = "button" class = "close" data-dismiss = "alert" > &amanna; </cnaipe>

Ruaig foláirimh trí JavaScript

Bain úsáid as an breiseán foláirimh jQuery chun foláirimh a dhífhostú go tapa agus go héasca.


Roghanna

Le haghaidh teachtaireachtaí níos faide, méadaigh an stuáil ar bharr agus bun an fhillteáin foláirimh trí .alert-block.

Rabhadh!

Is fearr a sheiceáil leat féin, níl tú ag breathnú ró-mhaith. Nulla vitae elit libero, pharetra augue. Praesent commodo cursus magna, nó scelerisque nisl consectetur et.

  1. <div class = "bloc foláirimh" >
  2. <button type = "button" class = "close" data-dismiss = "alert" > &amanna; </cnaipe>
  3. <h4> Rabhadh! </h4>
  4. Is fearr seiceáil leat féin, níl tú ...
  5. </div>

Roghanna comhthéacsúla

Cuir ranganna roghnacha leis chun connotation foláirimh a athrú.

Earráid nó baol

Ó Léim! Athraigh cúpla rud agus bain triail as é a chur isteach arís.
  1. <div class = "alert alert-error" >
  2. ...
  3. </div>

Rath

An-mhaith! D'éirigh leat an teachtaireacht thábhachtach foláirimh seo a léamh.
  1. <div class = "alert alert-rath" >
  2. ...
  3. </div>

Eolas

Cinnirí suas! Ní mór d'aird a thabhairt ar an bhfoláireamh seo, ach níl sé thar a bheith tábhachtach.
  1. <div class = "alert alert-info" >
  2. ...
  3. </div>

Samplaí agus marcáil

Bunúsach

Barra dul chun cinn réamhshocraithe le grádán ceartingearach.

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

Striped

Úsáideann sé grádán chun éifeacht stríocach a chruthú. Níl sé ar fáil in IE7-8.

  1. <div class = "progress progress-striped" >
  2. <div class = "bar" style = " leithead : 20 %; " ></div>
  3. </div>

Beoite

Cuir .activeleis .progress-stripedna stríoca a bheochan ó dheas go clé. Níl sé ar fáil i ngach leagan de IE.

  1. <div class = "progress progress-striped gníomhach" >
  2. <div class = "bar" style = " leithead : 40 %; " ></div>
  3. </div>

Cruachta

Cuir barraí iolracha isteach mar an gcéanna .progresschun iad a chruachadh.

  1. <div class = "progress" >
  2. <div class = "barra barra-rath" style = " leithead : 35 %; " ></div>
  3. <div class = "barra-rabhadh barra" style = " leithead : 20 %; " ></div>
  4. <div class = "barra bar-chontúirt" style = " leithead : 10 %; " ></div>
  5. </div>

Roghanna

Dathanna breise

Úsáideann barraí dul chun cinn cuid de na ranganna cnaipe agus foláirimh céanna le haghaidh stíleanna comhsheasmhacha.

  1. <div class = "progress progress-info" >
  2. <div class = "bar" style = " leithead : 20 % " ></div>
  3. </div>
  4. <div class = "progress progress-rath" >
  5. <div class = "bar" style = " leithead : 40 % " ></div>
  6. </div>
  7. <div class = "rabhadh maidir le dul chun cinn" >
  8. <div class = "bar" style = " leithead : 60 % " ></div>
  9. </div>
  10. <div class = "progress progress-danger" >
  11. <div class = "bar" style = " leithead : 80 % " ></div>
  12. </div>

Barraí striped

Cosúil leis na dathanna soladacha, tá barraí dul chun cinn stiallacha éagsúla againn.

  1. <div class = "progress progress-info progress-striped" >
  2. <div class = "bar" style = " leithead : 20 % " ></div>
  3. </div>
  4. <div class = "dul chun cinn progress-rath dul chun cinn-striped" >
  5. <div class = "bar" style = " leithead : 40 % " ></div>
  6. </div>
  7. <div class = "progress progress-rabhadh progress-striped" >
  8. <div class = "bar" style = " leithead : 60 % " ></div>
  9. </div>
  10. <div class = "progress progress-danger progress-striped" >
  11. <div class = "bar" style = " leithead : 80 % " ></div>
  12. </div>

Tacaíocht bhrabhsálaí

Úsáideann barraí dul chun cinn grádáin CSS3, aistrithe agus beochan chun a n-éifeachtaí go léir a bhaint amach. Ní thacaítear leis na gnéithe seo in IE7-9 nó i leaganacha níos sine de Firefox.

Ní thacaíonn leaganacha níos luaithe ná Internet Explorer 10 agus Opera 12 le beochan.

Stíleanna oibiachta teibí chun cineálacha éagsúla comhpháirteanna a thógáil (cosúil le tuairimí blag, Tweets, srl) a bhfuil íomhá ailínithe ar chlé nó ar dheis taobh le hábhar téacsach.

Sampla réamhshocraithe

Ligeann na meáin réamhshocraithe réad meán a bheith ar snámh (íomhánna, físeáin, fuaime) ar chlé nó ar dheis de bhloc inneachair.

64×64

Ceannteideal meáin

Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis i bhfaucibus.
64×64

Ceannteideal meáin

Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis i bhfaucibus.
64×64

Ceannteideal meáin

Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis i bhfaucibus.
  1. <div class = "media" >
  2. <a class="pull-left" href="#"> _ _ _ _ _
  3. <img class = "media-object" data-src = "holder.js/64x64" >
  4. </a>
  5. <div class = "media-body" >
  6. <h4 class = "media-heading" > Ceannteideal meán </h4>
  7. ...
  8.  
  9. <!-- Réad meán neadaithe -->
  10. <div class = "media" >
  11. ...
  12. </div>
  13. </div>
  14. </div>

Liosta meáin

Le beagán marcála breise, is féidir leat meáin laistigh den liosta a úsáid (úsáideach le haghaidh snáitheanna tuairimí nó liostaí alt).

  • 64×64

    Ceannteideal meáin

    Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    64×64

    Ceannteideal meán neadaithe

    Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
    64×64

    Ceannteideal meán neadaithe

    Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
    64×64

    Ceannteideal meán neadaithe

    Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  • 64×64

    Ceannteideal meáin

    Cras sit amet nibh libero, in gravida nulla. Nulla nó metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  1. <ul class = "media-list" >
  2. <li class = "media" >
  3. <a class="pull-left" href="#"> _ _ _ _ _
  4. <img class = "media-object" data-src = "holder.js/64x64" >
  5. </a>
  6. <div class = "media-body" >
  7. <h4 class = "media-heading" > Ceannteideal meán </h4>
  8. ...
  9.  
  10. <!-- Réad meán neadaithe -->
  11. <div class = "media" >
  12. ...
  13. </div>
  14. </div>
  15. </li>
  16. </ul>

toibreacha

Bain úsáid as an tobar mar éifeacht shimplí ar eilimint chun éifeacht inset a thabhairt dó.

Féach, táim i dtobar!
  1. <div rang = "go maith" >
  2. ...
  3. </div>

Ranganna roghnacha

Stuáil rialaithe agus coirnéil chothromú le dhá rang mionathraithe roghnacha.

Féach, táim i dtobar!
  1. <div class = "well well-large" >
  2. ...
  3. </div>
Féach, táim i dtobar!
  1. <div class = "well well-small" >
  2. ...
  3. </div>

Dún an deilbhín

Bain úsáid as an deilbhín gar-chineálach chun ábhar cosúil le módúil agus foláirimh a dhíbhe.

  1. <button class = "close" > × </cnaipe>

Teastaíonn imeacht le haghaidh cliceáil ar ghléasanna iOS href="#"más fearr leat ancaire a úsáid.

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

Ranganna cúntóirí

Ranganna simplí, dírithe le haghaidh taispeántais bheaga nó mionathruithe iompair.

.tarraingt-chlé

Snámh eilimint fágtha

  1. aicme = "tarraingt ar chlé"
  1. . tarraingt - chlé {
  2. snámhán : chlé ;
  3. }

.tarraingt ar dheis

Snámh eilimint ar dheis

  1. aicme = "tarraingt ar dheis"
  1. . tarraingt - ceart {
  2. snámhphointe : ceart ;
  3. }

.maithe

Athraigh dath eilimint go#999

  1. aicme = "balbhaithe"
  1. . balbhaithe {
  2. dath : #999;
  3. }

.soiléir

Glan an floatar aon eilimint

  1. aicme = "clearfix"
  1. . soiléiriú {
  2. * súmáil : 1 ;
  3. &: roimhe ,
  4. &: tar éis {
  5. taispeáint : tábla ;
  6. ábhar : "" ;
  7. }
  8. &: tar éis {
  9. soiléir : araon ;
  10. }
  11. }