Còrr is dusan co-phàirtean ath-chleachdadh air an togail gus ìomhaigheachd, dropdowns, buidhnean cuir a-steach, seòladh, rabhaidhean agus mòran a bharrachd a thoirt seachad.
Glyphicons
Glyphs rim faighinn
A’ toirt a-steach còrr air 250 glyphs ann an cruth cruth-clò bhon t-seata Glyphicon Halflings. Mar as trice chan eil Glyphicons Halflings rim faighinn an-asgaidh, ach tha an neach-cruthachaidh aca air an toirt seachad airson Bootstrap an-asgaidh. Mar thaing, chan iarr sinn ach gun cuir thu a-steach ceangal air ais gu Glyphicons nuair as urrainnear.
glyphicon glyphicon-rionnag
glyphicon glyphicon-plus
glyphicon glyphicon-euro
glyphicon glyphicon-eur
glyphicon glyphicon-nuas minus
glyphicon glyphicon-sgòth
glyphicon glyphicon-cèis
glyphicon glyphicon-peansail
glyphicon glyphicon-glainne
glyphicon glyphicon ceòl
glyphicon glyphicon-lorg
glyphicon glyphicon-cridhe
glyphicon glyphicon-rionnag
glyphicon glyphicon-star-falamh
cleachdaiche glyphicon glyphicon
Film glyphicon glyphicon saor an asgaidh
glyphicon glyphicon-th-mòr
glyphicon glyphicon-th
glyphicon glyphicon-th-list
glyphicon glyphicon-ok
glyphicon glyphicon-a thoirt air falbh
glyphicon glyphicon-zoom-in
glyphicon glyphicon-zoom-out
glyphicon glyphicon dheth
glyphicon glyphicon-comharra
glyphicon glyphicon-cog
glyphicon glyphicon-sgudal
glyphicon glyphicon-dachaigh
glyphicon faidhle glyphicon
glyphicon glyphicon-ùine
glyphicon glyphicon-rathaid
glyphicon glyphicon-luchdaich a-nuas alt
Luchdaich a-nuas glyphicon glyphicon.
Glyphicon glyphicon luchdadh a-nuas
glyphicon bogsa a-steach glyphicon
glyphicon cearcall-cluiche glyphicon
glyphicon glyphicon-ath-aithris
glyphicon glyphicon ùrachadh
glyphicon glyphicon-list-alt
glyphicon glyphicon-glas
glyphicon bratach glyphicon
glyphicon fònaichean-cluaise glyphicon
glyphicon glyphicon-volume-off
glyphicon glyphicon-leabhar-sìos
glyphicon glyphicon-volume-up
glyphicon glyphicon qrcode
glyphicon glyphicon-barcode
glyphicon glyphicon-tag
glyphicon tagaichean glyphicon
Leabhar glyphicon glyphicon
glyphicon comharra-leabhair glyphicon
glyphicon clò-bhualadh glyphicon
glyphicon camara glyphicon
glyphicon cruth-clò glyphicon
glyphicon glyphicon-trom
glyphicon glyphicon- eadailteach
glyphicon glyphicon-text-àirde
glyphicon glyphicon-teacsa-leud
glyphicon glyphicon-align-clì
glyphicon ionad glyphicon-align
glyphicon glyphicon-align-right
glyphicon glyphicon-align-justify
glyphicon liosta glyphicon
glyphicon glyphicon-indent-clì
glyphicon glyphicon-indent-deas
glyphicon glyphicon-facetime-video
glyphicon glyphicon-dealbh
glyphicon comharra-mapa glyphicon
glyphicon glyphicon-atharraich
glyphicon glyphicon-tint
glyphicon glyphicon-deasaich
glyphicon glyphicon-roinn
glyphicon glyphicon-seic
glyphicon glyphicon-gluasad
glyphicon glyphicon-ceum air ais
glyphicon glyphicon-luath-air ais
glyphicon glyphicon-air ais
glyphicon cluich glyphicon
glyphicon glyphicon-stad
glyphicon glyphicon-stad
glyphicon glyphicon-air adhart
glyphicon glyphicon-luath air adhart
glyphicon glyphicon-ceum air adhart
glyphicon glyphicon-eject
glyphicon glyphicon-chevron-chlì
glyphicon glyphicon-chevron-deas
glyphicon soidhne glyphicon-plus
glyphicon soidhne glyphicon-minus
glyphicon glyphicon-soidhne toirt air falbh
glyphicon soidhne glyphicon-ok
glyphicon soidhne ceist glyphicon
glyphicon soidhne glyphicon-info
glyphicon glacadh-sgrìn glyphicon
glyphicon glyphicon-toirt air falbh cearcall
glyphicon cearcall glyphicon-ok
glyphicon glyphicon-ban-cearcall
glyphicon glyphicon-saighead-chlì
glyphicon glyphicon-saighead-deas
glyphicon glyphicon-saighead suas
glyphicon glyphicon-saighead sìos
glyphicon glyphicon-share-alt
glyphicon glyphicon-ath-mheudachadh-làn
glyphicon glyphicon-ath-mheudachadh-beag
glyphicon glyphicon-exclamation-sign
glyphicon tiodhlac glyphicon
glyphicon glyphicon-leaf
glyphicon glyphicon-teine
glyphicon glyphicon-sùil fosgailte
glyphicon glyphicon-sùil-dùin
glyphicon soidhne-rabhaidh glyphicon
glyphicon glyphicon-itealan
glyphicon glyphicon-mìosachan
glyphicon glyphicon-air thuaiream
glyphicon glyphicon-beachd
glyphicon glyphicon-magnet
glyphicon glyphicon-chevron-suas
glyphicon glyphicon-chevron sìos
glyphicon glyphicon-ath-sgrìobhadh
glyphicon cairt-bhùthan glyphicon
glyphicon glyphicon-pasgan-dlùth
glyphicon glyphicon-pasgan-fosgailte
glyphicon glyphicon-ath-mheudachadh-inghearach
glyphicon glyphicon-ath-mheudachadh-còmhnard
glyphicon glyphicon-hdd
glyphicon glyphicon-bullhorn
glyphicon glyphicon-bell
Teisteanas glyphicon glyphicon
glyphicon glyphicon-òrdagan-suas
glyphicon glyphicon-òrdagan sìos
glyphicon glyphicon-làmh-làimh dheis
glyphicon glyphicon-làimh chlì
glyphicon glyphicon-làimhe suas
glyphicon glyphicon-làimhe sìos
glyphicon glyphicon-cearcall-saighead-deas
glyphicon glyphicon-cearcall-saighead-clì
glyphicon glyphicon-cearcall-saighead-suas
glyphicon glyphicon-cearcall-saighead-sìos
glyphicon glyphicon-globe
glyphicon glyphicon-wrench
glyphicon gnìomhan glyphicon
glyphicon glyphicon-filter
glyphicon geàrr-chunntas glyphicon
glyphicon glyphicon làn-sgrìn
glyphicon deas-bhòrd glyphicon
glyphicon glyphicon-clip pàipear
glyphicon glyphicon-cridhe falamh
glyphicon ceangal glyphicon
glyphicon glyphicon-fòn
glyphicon glyphicon-pushpin
glyphicon glyphicon-usd
glyphicon glyphicon-gbp
glyphicon seòrsa glyphicon
glyphicon glyphicon-seòrsa a rèir aibidil
glyphicon glyphicon-sort-by-alphabet-alt
glyphicon glyphicon-seòrsa-a rèir òrdugh
glyphicon glyphicon-seòrsa-a rèir òrdugh-alt
glyphicon glyphicon-seòrsa-a-rèir feartan
glyphicon glyphicon-seòrsa-a-rèir feartan-alt
glyphicon glyphicon gun sgrùdadh
glyphicon glyphicon-leudachadh
glyphicon glyphicon-tuiteam sìos
glyphicon glyphicon-tuiteam suas
glyphicon glyphicon-log a-steach
glyphicon glyphicon-flash
glyphicon glyphicon-log-out
glyphicon glyphicon-uinneag ùr
glyphicon clàr glyphicon
glyphicon glyphicon-sàbhail
glyphicon glyphicon-fosgailte
glyphicon glyphicon air a shàbhaladh
glyphicon glyphicon-in-mhalairt
glyphicon glyphicon-às-mhalairt
glyphicon glyphicon-cuir
glyphicon glyphicon-floppy-diosc
glyphicon glyphicon-floppy-sàbhaladh
glyphicon glyphicon-floppy-toirt air falbh
glyphicon glyphicon-floppy-sàbhail
glyphicon glyphicon-floppy-fosgailte
glyphicon glyphicon-cairt-creideis
glyphicon glyphicon-gluasad
glyphicon glyphicon-gearraidh
glyphicon glyphicon-cinn
glyphicon glyphicon-dùmhlaichte
glyphicon glyphicon-fòn
glyphicon glyphicon-fòn-alt
glyphicon tùr glyphicon
glyphicon glyphicon-stats
glyphicon glyphicon-sd-bhidio
glyphicon glyphicon hd bhidio
glyphicon glyphicon-fo-thiotalan
glyphicon glyphicon-fuaim-stereo
glyphicon glyphicon-fuaim-dolby
glyphicon glyphicon-fuaim-5-1
glyphicon glyphicon-fuaim-6-1
glyphicon glyphicon-fuaim-7-1
glyphicon glyphicon-comharra dlighe-sgrìobhaidh
glyphicon comharra-clàraidh glyphicon
Luchdaich a-nuas glyphicon glyphicon-cloud.
glyphicon glyphicon-cloud-luchdaich suas
glyphicon glyphicon-craobh-durcain
glyphicon glyphicon-craobh-searbhagach
glyphicon glyphicon-cd
glyphicon glyphicon-sàbhail faidhle
glyphicon glyphicon-faidhle fosgailte
glyphicon glyphicon ìre suas
glyphicon glyphicon-lethbhreac
glyphicon glyphicon-paste
glyphicon glyphicon-alert
glyphicon co-ionannachd glyphicon
glyphicon glyphicon-rìgh
glyphicon glyphicon-bhanrigh
glyphicon glyphicon-pìob
glyphicon glyphicon-easbaig
glyphicon glyphicon-ridire
glyphicon glyphicon-foirmle pàisde
glyphicon glyphicon-teanta
glyphicon glyphicon-bòrd dubh
glyphicon glyphicon-leabaidh
glyphicon glyphicon-ubhal
glyphicon glyphicon-sguab às
glyphicon glyphicon-uair-ghlainne
glyphicon glyphicon-lampa
glyphicon glyphicon-dùblaichte
glyphicon glyphicon-piggy-bank
glyphicon glyphicon-siosar
glyphicon glyphicon-bitcoin
glyphicon glyphicon-btc
glyphicon glyphicon-xbt
glyphicon glyphicon-yen
glyphicon glyphicon-jpy
glyphicon glyphicon-ruble
glyphicon glyphicon-rub
glyphicon sgèile glyphicon
glyphicon glyphicon-deigh-lolly
glyphicon glyphicon-deigh-lolly-blasad
glyphicon glyphicon-foghlaim
glyphicon glyphicon-roghainn-còmhnard
glyphicon glyphicon-roghainn-inghearach
glyphicon glyphicon-menu-hamburger
glyphicon glyphicon-modal-uinneag
glyphicon glyphicon-ola
glyphicon glyphicon-gràn
glyphicon glainneachan-grèine glyphicon
glyphicon glyphicon-meud teacsa
glyphicon glyphicon-teacsa-dath
glyphicon glyphicon-teacsa-cùl-raon
glyphicon glyphicon-object-align-top
glyphicon glyphicon-object-align-bonn
glyphicon glyphicon-rud-co-thaobhadh-còmhnard
glyphicon glyphicon-rud-co-thaobhadh-chlì
glyphicon glyphicon-rud-co-thaobhadh-inghearach
glyphicon glyphicon-object-align-right
glyphicon glyphicon-triantan-deas
glyphicon glyphicon-triantan-clì
glyphicon glyphicon-triantan-bun
glyphicon glyphicon-triantan-mullach
glyphicon glyphicon-console
glyphicon glyphicon-superscript
glyphicon glyphicon-fo-sgrìobhadh
glyphicon glyphicon-menu-clì
glyphicon glyphicon-menu-deas
glyphicon glyphicon-menu-down
glyphicon clàr-taice glyphicon suas
Ciamar a chleachdadh
Airson adhbharan coileanaidh, feumaidh gach ìomhaigh clas bunaiteach agus clas ìomhaigh fa leth. Gus a chleachdadh, cuir an còd a leanas faisg air àite sam bith. Dèan cinnteach gum fàg thu àite eadar an ìomhaigh agus an teacsa airson pleadhag ceart.
Na bi a 'measgachadh le co-phàirtean eile
Chan urrainnear clasaichean ìomhaigh a chur còmhla gu dìreach ri pàirtean eile. Cha bu chòir an cleachdadh còmhla ri clasaichean eile air an aon eileamaid. An àite sin, cuir nead ris <span>agus cuir na clasaichean ìomhaigh an sàs anns an fhaidhle <span>.
A-mhàin airson a chleachdadh air eileamaidean falamh
Cha bu chòir clasaichean ìomhaigh a chleachdadh ach air eileamaidean anns nach eil susbaint teacsa agus aig nach eil eileamaidean cloinne.
Ag atharrachadh suidheachadh cruth-clò na h-ìomhaigh
Tha Bootstrap a’ gabhail ris gum bi faidhlichean cruth-clò ìomhaigh suidhichte san ../fonts/eòlaire an coimeas ris na faidhlichean CSS a chaidh a chur ri chèile. Tha gluasad no ath-ainmeachadh nam faidhlichean cruth-clò sin a’ ciallachadh an CSS ùrachadh ann an aon de thrì dòighean:
Atharraich na @icon-font-pathagus/no @icon-font-namecaochladairean san stòr Nas lugha de fhaidhlichean.
Atharraich na url()slighean anns an CSS cruinnichte.
Cleachd ge bith dè an roghainn as fheàrr a fhreagras air an t-suidheachadh leasachaidh sònraichte agad.
Ìomhaighean ruigsinneach
Bidh dreachan ùr-nodha de theicneòlasan taice ag ainmeachadh susbaint a ghineadh CSS, a bharrachd air caractaran sònraichte Unicode. Gus toraidhean gun dùil agus troimh-chèile a sheachnadh ann an leughadairean sgrion (gu sònraichte nuair a thathas a ’cleachdadh ìomhaighean dìreach airson sgeadachadh), bidh sinn gan falach leis a’ aria-hidden="true"fheart.
Ma tha thu a’ cleachdadh ìomhaigh gus brìgh a chuir an cèill (seach a-mhàin mar eileamaid sgeadachaidh), dèan cinnteach gu bheil an ciall seo cuideachd air a thoirt do theicneòlasan cuideachaidh - mar eisimpleir, cuir a-steach susbaint a bharrachd, falaichte gu fradharcach leis a’ .sr-onlychlas.
Ma tha thu a’ cruthachadh smachdan gun teacsa sam bith eile (leithid <button>ìomhaigh anns nach eil ach ìomhaigh), bu chòir dhut an-còmhnaidh susbaint eile a thoirt seachad gus adhbhar an smachd a chomharrachadh, gus am bi e ciallach do luchd-cleachdaidh theicneòlasan taice. Anns a 'chùis seo, dh' fhaodadh tu aria-labelfeart a chur ris an smachd fhèin.
Eisimpleirean
Cleachd iad ann am putanan, buidhnean putan airson bàr-inneal, seòladh, no cuir a-steach foirm ro-shuidhichte.
Ìomhaigh air a chleachdadh ann an rabhadh gus innse gur e teachdaireachd mearachd a th’ ann, le .sr-onlyteacsa a bharrachd gus am beachd seo a thoirt do luchd-cleachdaidh teicneòlasan cuideachaidh.
Mearachd:Cuir a-steach seòladh puist-d dligheach
Droch-dhìol
Clàr-taice co-theacsail so-ghluasadach airson liostaichean de cheanglaichean a thaisbeanadh. Air a dhèanamh eadar-ghnìomhach leis a’ plugan tuiteam-sìos JavaScript .
eisimpleir
Paisg inneal-brosnachaidh an tuiteam-sìos agus an clàr a-nuas taobh a-staigh .dropdown, no eileamaid eile a dhearbhas position: relative;. An uairsin cuir ris HTML a 'chlàr-taice.
Gu gnàthach, tha clàr tuiteam-sìos air a shuidheachadh gu fèin-ghluasadach 100% bhon mhullach agus air taobh clì a phàrant. Cuir .dropdown-menu-rightri a .dropdown-menugu deas co-thaobhadh ris a’ chlàr tuiteam-sìos.
Dh’ fhaodadh gum bi feum air suidheachadh a bharrachd
Bidh dropdowns air an suidheachadh gu fèin-ghluasadach tro CSS taobh a-staigh sruth àbhaisteach na sgrìobhainn. Tha seo a’ ciallachadh gum faod pàrantan aig a bheil overflowfeartan sònraichte a bhith air tuiteam sìos no nochdadh taobh a-muigh crìochan an t-seallaidh. Cuir aghaidh air na cùisean sin leat fhèin mar a thig iad am bàrr.
Co .pull-right-thaobhadh neo-leasaichte
Mar v3.1.0, tha sinn air ìsleachadh .pull-rightair clàran-bìdh tuiteam-sìos. Gus clàr-taice a cho-thaobhadh gu deas, cleachd .dropdown-menu-right. Bidh co-phàirtean seòlaidh le co-thaobhadh ceart anns a’ bhàr seòlaidh a’ cleachdadh dreach mixin den chlas seo gus an clàr a cho-thaobhadh gu fèin-ghluasadach. Gus faighinn thairis air, cleachd .dropdown-menu-left.
Cinn-cinn
Cuir bann-cinn ris gus earrannan de ghnìomhan a chomharrachadh ann an clàr-taice sam bith.
Cuir sreath de phutanan còmhla air aon loidhne leis a’ bhuidheann phutanan. Cuir ris an rèidio JavaScript roghainneil agus giùlan stoidhle bogsa sgrùdaidh leis a’ plugan putanan againn .
Feumaidh molaidhean innealan & popovers ann am buidhnean putan suidheachadh sònraichte
Nuair a bhios tu a’ cleachdadh molaidhean innealan no popovers air eileamaidean taobh a-staigh faidhle .btn-group, feumaidh tu an roghainn a shònrachadh container: 'body'gus frith-bhuaidhean nach eileas ag iarraidh a sheachnadh (leithid an eileamaid a’ fàs nas fharsainge agus/no a’ call a h-oiseanan cruinn nuair a thèid an inneal no an popover a phiobrachadh).
Dèan cinnteach gu bheil e ceart roleagus thoir seachad bileag
Gus an urrainn do theicneòlasan cuideachaidh - leithid leughadairean sgrion - innse gu bheil sreath de phutanan air an cruinneachadh, rolefeumar feart iomchaidh a thoirt seachad. Airson buidhnean putan, bhiodh seo role="group", agus bu chòir faidhle role="toolbar".
Is e aon eisgeachd buidhnean anns nach eil ach aon smachd (mar eisimpleir na buidhnean putan reusanta le <button>eileamaidean) no tuiteam-sìos.
A bharrachd air an sin, bu chòir bileag soilleir a thoirt do bhuidhnean agus bàraichean-inneal, leis nach ainmich a’ mhòr-chuid de theicneòlasan cuideachaidh iad air dhòigh eile, a dh’ aindeoin gu bheil am rolefeart ceart ann. Anns na h-eisimpleirean a tha air an toirt seachad an seo, bidh sinn a’ cleachdadh aria-label, ach faodar roghainnean eile leithid aria-labelledbya chleachdadh cuideachd.
Eisimpleir bunaiteach
Paisg sreath de phutanan le .btnin .btn-group.
Bàr inneal putan
Cuir còmhla seataichean de a- <div class="btn-group">steach <div class="btn-toolbar">airson co-phàirtean nas iom-fhillte.
Meudachadh
An àite clasaichean meud putan a chuir an sàs anns a h-uile putan ann am buidheann, dìreach cuir .btn-group-*ris gach .btn-group, a ’toirt a-steach nuair a bhios tu a’ neadachadh grunn bhuidhnean.
A' neadachadh
Cuir taobh a- .btn-groupstaigh fear eile .btn-groupnuair a tha thu ag iarraidh clàran-bìdh a tha measgaichte le sreath de phutanan.
Dèan buidheann de phutanan a shìneadh aig meudan co-ionann gus a dhol thairis air leud iomlan a phàrant. Bidh e cuideachd ag obair le putan tuiteam sìos taobh a-staigh buidheann nam putanan.
A 'làimhseachadh chrìochan
Air sgàth an HTML agus CSS sònraichte a thathas a’ cleachdadh gus putanan fhìreanachadh (is e sin display: table-cell), tha na crìochan eatorra air an dùblachadh. Ann am buidhnean putan cunbhalach, margin-left: -1pxair a chleachdadh gus na crìochan a chruachadh an àite an toirt air falbh. Ge-tà, marginchan eil e ag obair le display: table-cell. Mar thoradh air an sin, a rèir do ghnàthachadh air Bootstrap, is dòcha gum bi thu airson na crìochan a thoirt air falbh no ath-dhathadh.
IE8 agus crìochan
Cha bhith Internet Explorer 8 a’ toirt seachad crìochan air putanan ann am buidheann putan a tha air fhìreanachadh, ge bith a bheil e air <a>no <button>eileamaidean. Gus faighinn timcheall air sin, paisg gach putan ann an tè eile .btn-group.
Ma thèid na h- <a>eileamaidean a chleachdadh mar phutanan - a’ brosnachadh gnìomhachd in-duilleag, an àite a bhith a’ seòladh gu sgrìobhainn no earrann eile air an duilleag làithreach - bu chòir faidhle iomchaidh a thoirt dhaibh cuideachd role="button".
Le <button>eileamaidean
Gus buidhnean putan reusanta a chleachdadh le <button>eileamaidean, feumaidh tu gach putan a phasgadh ann am buidheann putan . Cha bhith a’ mhòr-chuid de bhrobhsairean a’ cur an CSS againn an sàs gu ceart airson fìreanachadh <button>eileamaidean, ach leis gu bheil sinn a’ toirt taic do dropdowns putan, is urrainn dhuinn obrachadh timcheall air sin.
Clò-bhuail putan
Cleachd putan sam bith gus clàr tuiteam-sìos a bhrosnachadh le bhith ga chuir taobh a-staigh a .btn-groupagus a’ toirt seachad an comharra clàr ceart.
An urra ri plugan
Feumaidh dropdowns putan am plugan tuiteam -sìos a bhith air a ghabhail a-steach don dreach agad de Bootstrap.
Lìon sìos putan singilte
Tionndaidh putan gu toggle tuiteam sìos le cuid de dh’ atharrachaidhean comharrachaidh bunaiteach.
Leudaich smachdan foirm le bhith a’ cur teacsa no putanan ris ro, às deidh, no air gach taobh de theacsa teacsa sam bith <input>. Cleachd .input-grouple .input-group-addonno .input-group-btnairson eileamaidean a chur ri chèile no a cheangal ri aon .form-control.
Teacs <input>a-mhàin
Seachain a bhith a’ cleachdadh <select>eileamaidean an seo oir chan urrainn dhaibh a bhith air an làn stoidhle ann am brobhsairean WebKit.
Seachain a bhith a’ cleachdadh <textarea>eileamaidean an seo oir rowscha tèid spèis a thoirt don fheart aca ann an cuid de chùisean.
Feumaidh molaidhean innealan & popovers ann am buidhnean cuir a-steach suidheachadh sònraichte
Nuair a bhios tu a’ cleachdadh molaidhean innealan no popovers air eileamaidean taobh a-staigh faidhle .input-group, feumaidh tu an roghainn a shònrachadh container: 'body'gus frith-bhuaidhean nach eileas ag iarraidh a sheachnadh (leithid an eileamaid a’ fàs nas fharsainge agus/no a’ call a h-oiseanan cruinn nuair a thèid an inneal-toisich no an popover a phiobrachadh).
Na bi a 'measgachadh le co-phàirtean eile
Na bi a’ measgachadh buidhnean cruth no clasaichean colbh clèithe gu dìreach le buidhnean cuir a-steach. An àite sin, neadaich am buidheann cuir a-steach taobh a-staigh a’ bhuidheann fhoirm no eileamaid co-cheangailte ris a’ ghriod.
Cuir bileagan ris an-còmhnaidh
Bidh trioblaid aig leughadairean sgrion leis na foirmean agad mura cuir thu a-steach bileag airson a h-uile cuir a-steach. Airson na buidhnean cuir a-steach sin, dèan cinnteach gu bheil leubail no gnìomh sam bith a bharrachd air a chuir gu teicneòlasan taice.
Bidh an dearbh dhòigh a thèid a chleachdadh (eileamaidean faicsinneach <label>, <label>eileamaidean falaichte a’ cleachdadh a’ .sr-onlychlas, no cleachdadh an aria-label, aria-labelledby, , aria-describedby, titleno placeholderfeart) agus dè am fiosrachadh a bharrachd a dh’ fheumar a thoirt seachad ag atharrachadh a rèir an dearbh sheòrsa de widget eadar-aghaidh a tha thu a’ cur an gnìomh. Tha na h-eisimpleirean anns an earrainn seo a’ toirt seachad beagan dhòighean-obrach a tha air am moladh, a tha sònraichte do chùisean.
Eisimpleir bunaiteach
Cuir aon tuilleadan no putan air gach taobh de chur-a-steach. Faodaidh tu cuideachd fear a chuir air gach taobh de chuir a-steach.
Chan eil sinn a’ toirt taic do dh’iomadh tuilleadan ( .input-group-addonno .input-group-btn) air aon taobh.
Chan eil sinn a’ toirt taic do dh’ iomadh smachd foirm ann an aon bhuidheann cuir a-steach.
Meudachadh
Cuir na clasaichean meud cruth coimeasach ris .input-groupfhèin agus thèid na tha a-staigh a mheudachadh gu fèin-ghluasadach - chan eil feum air na clasaichean meud smachd foirm ath-aithris air gach eileamaid.
Bogsaichean sgrùdaidh agus addons rèidio
Cuir bogsa sgrùdaidh no roghainn rèidio taobh a-staigh addon buidheann cuir a-steach an àite teacsa.
Addons putan
Tha putanan ann am buidhnean cuir a-steach beagan eadar-dhealaichte agus feumach air aon ìre neadachaidh a bharrachd. An àite .input-group-addon, feumaidh tu a chleachdadh .input-group-btngus na putanan a phasgadh. Tha feum air seo air sgàth stoidhlichean brobhsair bunaiteach nach gabh a dhol thairis air.
Putanan le dropdowns
Putanan sgaraichte
Ioma putanan
Ged nach urrainn dhut ach aon tuilleadan a bhith agad gach taobh, faodaidh grunn phutanan a bhith agad am broinn aon fhaidhle .input-group-btn.
Navs
Tha comharran co-roinnte aig Navs a tha rim faighinn ann am Bootstrap, a’ tòiseachadh leis a’ .navchlas bhunaiteach, a bharrachd air stàitean co-roinnte. Dèan iomlaid air clasaichean mion-atharrachaidh gus gluasad eadar gach stoidhle.
Le bhith a’ cleachdadh navs airson pannalan tab tha feum air plugan tabaichean JavaScript
Airson tabaichean le raointean tabbable, feumaidh tu am plugan tabaichean JavaScript a chleachdadh . Bidh feum aig a’ chomharradh air rolebuadhan a bharrachd agus ARIA - faic eisimpleir a’ plugan airson tuilleadh fiosrachaidh.
Dèan navs air an cleachdadh mar sheòladh ruigsinneach
Ma tha thu a’ cleachdadh navs gus bàr seòlaidh a thoirt seachad, bi cinnteach gun cuir thu ris role="navigation"a’ ghobhar phàrant as loidsigeach den <ul>, no paisg <nav>eileamaid timcheall air an t-seòladh gu lèir. Na cuir an dreuchd ris <ul>fhèin, oir chuireadh seo stad air bho bhith air ainmeachadh mar fhìor liosta le teicneòlasan taice.
Tabaichean
Thoir an aire gu bheil .nav-tabsfeum aig a’ chlas air a’ .navbhun-chlas.
Dèan tabaichean no pills gu furasta an aon leud den phàrant aca aig scrionaichean nas fharsainge na 768px le .nav-justified. Air scrionaichean nas lugha, tha na ceanglaichean nav air an càrnadh.
Chan eil taic ri ceanglaichean navbar nav ceart an-dràsta.
Safari agus navs reusanta freagairteach
Mar v9.1.2, tha Safari a’ taisbeanadh bug anns am bi ath-mheudachadh do bhrobhsair gu còmhnard ag adhbhrachadh mhearachdan anns an t-seòladh seòlaidh reusanta a thèid fhuadach às deidh ùrachadh. Tha am biast seo cuideachd ri fhaicinn san eisimpleir nav reusanta .
Tha navbars nan co-phàirtean meta freagairteach a bhios mar chinn-cinn seòlaidh airson an tagradh no an làrach-lìn agad. Bidh iad a’ tòiseachadh a’ tuiteam às a chèile (agus tha iad toggleable) ann an seallaidhean gluasadach agus a’ fàs còmhnard mar a bhios leud an t-seallaidh a tha ri fhaighinn ag àrdachadh.
Chan eil taic ri ceanglaichean navbar nav ceart an-dràsta.
Susbaint thar-shruth
Leis nach eil fios aig Bootstrap dè an ìre de rùm a tha a dhìth air an t-susbaint anns a’ bhàr seòlaidh agad, is dòcha gum bi duilgheadasan agad le susbaint a’ pasgadh ann an dàrna sreath. Gus seo a rèiteachadh, faodaidh tu:
Atharraich am puing aig a bheil am bàr seòlaidh agad a’ tionndadh eadar modh tuiteam is còmhnard. Gnàthaich an @grid-float-breakpointcaochladair no cuir ris a’ cheist mheadhanan agad fhèin.
Feumaidh plugan JavaScript
Ma tha JavaScript à comas agus gu bheil am port-seallaidh cumhang gu leòr 's gun tuit am bàr nav, bidh e eu-comasach leudachadh air a' bhàr-seòlaidh agus an t-susbaint am broinn an fhaidhle .navbar-collapse.
Feumaidh am bàr seòlaidh freagairteach am plugan tuiteam a-steach don dreach agad de Bootstrap.
Ag atharrachadh an àite brisidh navbar gluasadach a thuit
Tuitidh am bàr nav a-steach don t-sealladh gluasadach dhìreach aige nuair a tha am port-seallaidh nas cumhainge na @grid-float-breakpoint, agus leudaichidh e a-steach don t-sealladh neo-ghluasadach còmhnard aige nuair a tha am port-seallaidh co-dhiù @grid-float-breakpointann an leud. Atharraich an caochladair seo san stòr Nas lugha gus smachd a chumail air nuair a thuiteas am bàr seòlaidh / leudachaidh. Is e an luach bunaiteach 768px(an sgrion "beag" no "tablet" as lugha).
Dèan navbars ruigsinneach
Dèan cinnteach gun cleachd thu <nav>eileamaid no, ma chleachdas tu eileamaid nas gnèitheach leithid <div>, cuir ris role="navigation"a h-uile bàr seòlaidh gus a chomharrachadh gu soilleir mar sgìre shònraichte airson luchd-cleachdaidh teicneòlasan cuideachaidh.
Ìomhaigh branda
Cuir an ìomhaigh agad fhèin an àite a’ bhrand navbar le bhith ag atharrachadh an teacsa airson faidhle <img>. Leis gu .navbar-brandbheil am pleadhag agus an àirde aige fhèin, is dòcha gum feum thu a dhol thairis air cuid de CSS a rèir an ìomhaigh agad.
Foirmean
Cuir susbaint cruth a-staigh .navbar-formairson co-thaobhadh ceart dìreach agus giùlan tuiteam ann am puirt-seallaidh cumhang. Cleachd na roghainnean co-thaobhadh gus co-dhùnadh càite a bheil e taobh a-staigh susbaint a’ bhàr nav.
Mar cheann shuas, bidh e .navbar-forma’ roinn mòran den chòd aige le .form-inlinevia mixin. Dh’ fhaodadh gum feum cuid de smachdan cruth, leithid buidhnean cuir a-steach, leudan stèidhichte a bhith air an nochdadh gu ceart taobh a-staigh bàr nav.
Draibhearan airson innealan-làimhe
Tha cuid de rabhaidhean ann a thaobh a bhith a’ cleachdadh smachdan foirm taobh a-staigh eileamaidean stèidhichte air innealan gluasadach. Faic na docaichean taic brabhsair againn airson mion-fhiosrachadh.
Cuir bileagan ris an-còmhnaidh
Bidh trioblaid aig leughadairean sgrion leis na foirmean agad mura cuir thu a-steach bileag airson a h-uile cuir a-steach. Airson na foirmean in-loidhne seo, faodaidh tu na bileagan fhalach a’ cleachdadh a’ .sr-onlychlas. Tha dòighean eile ann airson bileag a thoirt seachad airson teicneòlasan taice, leithid an aria-label, aria-labelledbyno titlefeart. Mura h-eil gin dhiubh sin an làthair, faodaidh luchd-leughaidh sgrion a bhith a’ cleachdadh a’ placeholderbhuadh, ma tha iad ann, ach thoir an aire nach placeholdereilear a’ comhairleachadh a chleachdadh an àite dòighean bileagan eile.
Putanan
Cuir an .navbar-btnclas ri <button>eileamaidean nach eil a’ fuireach ann an a <form>gus am meadhan iad gu dìreach anns a’ bhàr nav.
Cleachdadh co-theacsa sònraichte
Coltach ris na clasaichean putan àbhaisteach , .navbar-btnfaodar a chleachdadh air <a>agus <input>eileamaidean. Ach, cha .navbar-btnbu chòir na clasaichean putan àbhaisteach a bhith air an cleachdadh air <a>eileamaidean taobh a-staigh .navbar-nav.
Teacs
Paisg sreangan teacsa ann an eileamaid le .navbar-text, mar as trice air <p>tag airson stiùireadh agus dath ceart.
Ceanglaichean neo-nav
Airson daoine a tha a’ cleachdadh ceanglaichean àbhaisteach nach eil taobh a-staigh na h-earrainn seòlaidh àbhaisteach navbar, cleachd an .navbar-linkclas gus na dathan ceart a chur ris airson na roghainnean bunaiteach agus inverse navbar.
Co-thaobhadh co-phàirteach
Co-thaobhadh nav ceanglaichean, foirmean, putanan, no teacsa, cleachdadh na clasaichean .navbar-leftno utility. .navbar-rightCuiridh an dà chlas fleòdradh CSS ris an taobh ainmichte. Mar eisimpleir, gus ceanglaichean nav a cho-thaobhadh, cuir a-steach iad air leth <ul>leis a’ chlas goireis fa leth air a chuir an sàs.
Tha na clasaichean sin nan dreachan measgaichte de .pull-leftagus .pull-right, ach tha iad air an cuairteachadh gu ceistean meadhanan airson làimhseachadh nas fhasa air co-phàirtean navbar thar meudan innealan.
Co-thaobhadh ceart grunn phàirtean
Tha cuingealachadh aig Navbars an-dràsta le grunn .navbar-rightchlasaichean. Gus susbaint àite a chuir gu ceart, bidh sinn a’ cleachdadh iomall àicheil air an .navbar-righteileamaid mu dheireadh. Nuair a bhios grunn eileamaidean a’ cleachdadh a’ chlas sin, chan obraich na h-iomaill sin mar a bha dùil.
Tadhlaidh sinn air seo a-rithist nuair as urrainn dhuinn am pàirt sin ath-sgrìobhadh ann an v4.
Stèidhichte gu mullach
Cuir ris .navbar-fixed-topagus cuir a-steach .containerno .container-fluidgu susbaint bàr seòlaidh sa mheadhan agus pad.
Tha feum air pleadhag bodhaig
Cuiridh am bàr seòlaidh thairis an t-susbaint eile agad, mura cuir thu paddingri mullach an fhaidhle <body>. Feuch na luachan agad fhèin no cleachd a’ chriomag againn gu h-ìosal. Gliocas: Gu gnàthach, tha am bàr nav 50px àrd.
Dèan cinnteach gun cuir thu seo a-steach às deidh prìomh Bootstrap CSS.
Stèidhichte gu bonn
Cuir ris .navbar-fixed-bottomagus cuir a-steach .containerno .container-fluidgu susbaint bàr seòlaidh sa mheadhan agus pad.
Tha feum air pleadhag bodhaig
Còmhdaichidh am bàr-seòlaidh stèidhichte thairis air an t-susbaint eile agad, mura cuir thu paddingri bonn an fhaidhle <body>. Feuch na luachan agad fhèin no cleachd a’ chriomag againn gu h-ìosal. Gliocas: Gu gnàthach, tha am bàr nav 50px àrd.
Dèan cinnteach gun cuir thu seo a-steach às deidh prìomh Bootstrap CSS.
Mullach statach
Cruthaich bàr seòlaidh làn-leud a ghluaiseas air falbh leis an duilleag le bhith a’ cur ris .navbar-static-topagus a’ toirt a-steach .containersusbaint .container-fluidbàr seòlaidh sa mheadhan agus sa mheadhan.
Eu-coltach ris na .navbar-fixed-*clasaichean, chan fheum thu pleadhag sam bith atharrachadh air an fhaidhle body.
Bàr seòlaidh inverted
Atharraich coltas a’ bhàr seòlaidh le bhith a’ cur .navbar-inverse.
Briosgaidean
Sònraich far a bheil an duilleag làithreach taobh a-staigh rangachd seòlaidh.
Bithear a’ cur dealadairean gu fèin-ghluasadach ann an CSS tro :beforeagus content.
Thoir seachad ceanglaichean duilleagachaidh airson do làrach no app leis a’ phàirt duilleagachaidh ioma-dhuilleag, no an roghainn pager nas sìmplidhe .
Duilleagan bunaiteach
Duilleagan sìmplidh air a bhrosnachadh le Rdio, sgoinneil airson aplacaidean agus toraidhean rannsachaidh. Tha am bloc mòr duilich a chall, furasta a scalladh, agus a’ toirt seachad raointean cliog mòr.
A’ comharrachadh na h-earrainn duilleagachaidh
Bu chòir am pàirt duilleagachaidh a bhith air a phasgadh ann an <nav>eileamaid gus a chomharrachadh mar roinn seòlaidh airson leughadairean sgrion agus teicneòlasan taice eile. A bharrachd air an sin, leis gu bheil coltas ann gu bheil barrachd air aon roinn seòlaidh den leithid aig duilleag mar-thà (leithid a’ phrìomh sheòladh anns a’ bhann-cinn, no seòladh bàr-taoibh), tha e ciallach tuairisgeul a thoirt seachad aria-labelairson an <nav>adhbhar a tha a’ nochdadh. Mar eisimpleir, ma thèid am pàirt duilleagachaidh a chleachdadh gus seòladh eadar seata de thoraidhean rannsachaidh, dh’ fhaodadh bileag iomchaidh a bhith aria-label="Search results pages".
Stàitean ciorramach agus gnìomhach
Tha ceanglaichean gnàthaichte airson diofar shuidheachaidhean. Cleachd .disabledairson ceanglaichean nach gabh cliogadh agus .activegus an duilleag làithreach a chomharrachadh.
Tha sinn a’ moladh gun atharraich thu acraichean gnìomhach no ciorramach airson <span>, no gun cuir thu a-mach an acair a thaobh nan saighdean roimhe/an ath rud, gus comas-gnìomh cliog a thoirt air falbh fhad ‘s a chumas tu na stoidhlichean a tha san amharc.
Meudachadh
A bheil thu ag iarraidh duilleag nas motha no nas lugha? Cuir ris .pagination-lgno .pagination-smairson meudan a bharrachd.
Pager
Ceanglaichean sgiobalta roimhe seo agus an ath rud airson buileachadh duilleag-dhuilleag sìmplidh le comharrachadh aotrom agus stoidhlichean. Tha e math airson làraich sìmplidh leithid blogaichean no irisean.
Eisimpleir bunaiteach
Gu gnàthach, bidh am pager a’ cuimseachadh air ceanglaichean.
Ceanglaichean ceangailte
Air neo, faodaidh tu gach ceangal a cho-thaobhadh ris na taobhan:
Stàite ciorramach roghainneil
Bidh ceanglaichean Pager cuideachd a’ cleachdadh a’ .disabledchlas goireasach coitcheann bhon duilleag.
Bileagan
eisimpleir
Eisimpleir air ceann Ùr
Eisimpleir air ceann Ùr
Eisimpleir air ceann Ùr
Eisimpleir air ceann Ùr
Eisimpleir air ceann Ùr
Eisimpleir air ceann Ùr
Eadar-dhealachaidhean rim faighinn
Cuir gin de na clasaichean atharrachaidh gu h-ìosal ris gus coltas leubail atharrachadh.
Fiosrachadh bunaiteach mu shoirbheachas Rabhadh Cunnart
A bheil tonna de bhileagan agad?
Faodaidh duilgheadasan tairgse èirigh nuair a tha dusanan de bhileagan in-loidhne agad taobh a-staigh soitheach cumhang, anns gach fear le a inline-blockeileamaid fhèin (mar ìomhaigh). Is e suidheachadh an t-slighe timcheall seo display: inline-block;. Airson co-theacsa agus eisimpleir, faic #13219 .
Bràistean
Comharraich nithean ùra no gun leughadh gu furasta le bhith a’ cur <span class="badge">ri ceanglaichean, Bootstrap navs, agus barrachd.
Pàirt aotrom, sùbailte as urrainn an raon-seallaidh gu lèir a leudachadh gu roghnach gus prìomh shusbaint air an làrach-lìn agad a thaisbeanadh.
Hàlo a Shaoghail!
Is e aonad gaisgeach sìmplidh a tha seo, pàirt sìmplidh ann an stoidhle jumbotron airson aire a bharrachd a tharraing gu susbaint no fiosrachadh sònraichte.
Gus an jumbotron a dhèanamh làn leud, agus às aonais oiseanan cruinn, cuir e taobh a-muigh a h .container-uile càil agus an àite sin cuir a-steach e .container.
Ceann-duilleig
Slige shìmplidh airson h1earrannan de shusbaint a chuir a-mach agus a roinn gu h-iomchaidh air duilleag. Faodaidh e an eileamaid h1bhunaiteach a chleachdadh small, a bharrachd air a’ mhòr-chuid de phàirtean eile (le stoidhlichean a bharrachd).
Leudaich siostam clèithe Bootstrap leis a’ cho-phàirt mion-dhealbh gus cliathan de dhealbhan, bhideothan, teacsa agus barrachd a thaisbeanadh gu furasta.
Ma tha thu a’ coimhead airson taisbeanadh coltach ri Pinterest de òrdagan de dhiofar àirdean agus/no leud, feumaidh tu plugan treas-phàrtaidh a chleachdadh leithid Clachaireachd , Isotope , no Salvatore .
Eisimpleir bunaiteach
Gu gnàthach, tha mion-dhealbhan Bootstrap air an dealbhadh gus ìomhaighean ceangailte a thaisbeanadh le glè bheag de chomharradh riatanach.
Susbaint gnàthaichte
Le beagan comharrachaidh a bharrachd, tha e comasach seòrsa sam bith de shusbaint HTML leithid cinn, paragrafan, no putanan a chur ri òrdagan.
Leubail mion-dhealbh
Cras justo odio, dapibus agus facilisis in, egestas eget quam. Donec id elit non mi porta gravida agus eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus agus facilisis in, egestas eget quam. Donec id elit non mi porta gravida agus eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus agus facilisis in, egestas eget quam. Donec id elit non mi porta gravida agus eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Thoir seachad teachdaireachdan fios air ais co-theacsail airson gnìomhan àbhaisteach luchd-cleachdaidh leis an dòrlach de theachdaireachdan rabhaidh sùbailte a tha rim faighinn.
Eisimpleirean
Paisg teacsa sam bith agus putan cuir às roghnach a-steach .alertagus aon de na ceithir clasaichean co-theacsail (me, .alert-success) airson teachdaireachdan rabhaidh bunaiteach.
Chan eil clas bunaiteach ann
Chan eil clasaichean bunaiteach aig rabhaidhean, dìreach clasaichean bunaiteach agus mion-atharrachaidh. Chan eil rabhadh glas àbhaisteach a’ dèanamh cus ciall, agus mar sin feumaidh tu seòrsa a shònrachadh tro chlas co-theacsail. Tagh bho shoirbheachas, fiosrachadh, rabhadh no cunnart.
S math a rinn thu! Leugh thu an teachdaireachd rabhaidh chudromach seo gu soirbheachail.
Cinn suas! Feumaidh an rabhadh seo d’ aire, ach chan eil e air leth cudromach.
Rabhadh! Tha e nas fheàrr sgrùdadh a dhèanamh ort fhèin, chan eil thu a’ coimhead ro mhath.
Ach snap! Atharraich beagan rudan suas is feuch ri cur a-steach a-rithist.
Rabhaidhean nach gabh àicheadh
Tog air rabhadh sam bith le bhith a’ cur .alert-dismissibleputan roghainneil is dùin ris.
Feumaidh plugan rabhaidh JavaScript
Airson rabhaidhean a tha ag obair gu h-iomlan agus nach gabh an cur às, feumaidh tu am plugan rabhaidhean JavaScript .
Rabhadh! Tha e nas fheàrr sgrùdadh a dhèanamh ort fhèin, chan eil thu a’ coimhead ro mhath.
Dèanamh cinnteach à giùlan ceart thar gach inneal
Dèan cinnteach gun cleachd thu an <button>eileamaid leis a’ data-dismiss="alert"bhuadh dàta.
Ceanglaichean ann an rabhaidhean
Cleachd an .alert-linkclas goireis gus ceanglaichean dathte a thoirt seachad gu sgiobalta taobh a-staigh rabhadh sam bith.
Thoir seachad fios air ais as ùire mu adhartas sruth-obrach no gnìomh le bàraichean adhartais sìmplidh ach sùbailte.
Co-fhreagarrachd tar-bhrabhsair
Bidh bàraichean adhartais a’ cleachdadh eadar-ghluasadan CSS3 agus beòthachaidhean gus cuid de na buaidhean aca a choileanadh. Chan eil na feartan sin a’ faighinn taic ann an Internet Explorer 9 agus gu h-ìosal no ann an tionndaidhean nas sine de Firefox. Chan eil Opera 12 a’ cur taic ri beòthachaidhean.
Ma tha Poileasaidh Tèarainteachd Susbaint (CSP) aig an làrach-lìn agad nach eil a’ ceadachadh style-src 'unsafe-inline', cha bhith e comasach dhut stylebuadhan in-loidhne a chleachdadh gus leud bàr adhartais a shuidheachadh mar a chithear sna h-eisimpleirean againn gu h-ìosal. Tha dòighean eile airson na leudan a shuidheachadh a tha co-chosmhail ri CSPn teann a’ toirt a-steach a bhith a’ cleachdadh beagan JavaScript àbhaisteach (a bhios a’ suidheachadh element.style.width) no a’ cleachdadh chlasaichean CSS àbhaisteach.
Eisimpleir bunaiteach
Bàr adhartais bunaiteach.
60% Crìochnaichte
Le leubail
Thoir air falbh an clas <span>leis .sr-onlybhon taobh a-staigh den bhàr adhartais gus ceudad faicsinneach a shealltainn.
60%
Gus dèanamh cinnteach gu bheil teacsa an leubail fhathast furasta a leughadh eadhon airson ceudadan ìosal, smaoinich air cuir ris min-widtha’ bhàr adhartais.
0%
2%
Roghainnean co-theacsail
Bidh bàraichean adhartais a’ cleachdadh cuid den aon phutan agus clasaichean rabhaidh airson stoidhlichean cunbhalach.
40% Crìochnaichte (soirbheachas)
20% Crìochnaichte
60% Crìochnaichte (rabhadh)
80% Crìochnaichte (cunnart)
Air a stialladh
A’ cleachdadh caisead gus buaidh stiallach a chruthachadh. Chan eil e ri fhaighinn ann an IE9 agus gu h-ìosal.
40% Crìochnaichte (soirbheachas)
20% Crìochnaichte
60% Crìochnaichte (rabhadh)
80% Crìochnaichte (cunnart)
Beothaichte
Cuir .activeris .progress-bar-stripedgus na stiallan a bheothachadh bho dheas gu clì. Chan eil e ri fhaighinn ann an IE9 agus gu h-ìosal.
45% Crìochnaichte
Air a chruachadh
Cuir grunn bhàraichean a-steach don aon rud .progressgus an cruachadh.
35% Crìochnaichte (soirbheachas)
20% Crìochnaichte (rabhadh)
10% coileanta (cunnart)
Rud meadhanan
Stoidhlichean cuspair geàrr airson diofar sheòrsaichean de cho-phàirtean a thogail (leithid beachdan blog, Tweets, msaa) anns a bheil ìomhaigh air an taobh chlì no air an làimh dheis còmhla ri susbaint teacsa.
Na meadhanan bunaiteach
Bidh na meadhanan bunaiteach a’ taisbeanadh nì meadhanan (ìomhaighean, bhidio, claisneachd) air taobh clì no deas bloc susbaint.
Ceann nam meadhanan
Cras sit amet nibh libero, ann an gravida nulla. Nulla no 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 ann am faucibus.
Ceann nam meadhanan
Cras sit amet nibh libero, ann an gravida nulla. Nulla no 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 ann am faucibus.
Ceann meadhanan neadaichte
Cras sit amet nibh libero, ann an gravida nulla. Nulla no 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 ann am faucibus.
Ceann nam meadhanan
Cras sit amet nibh libero, ann an gravida nulla. Nulla no metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Ceann nam meadhanan
Cras sit amet nibh libero, ann an gravida nulla. Nulla no metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Tha na clasaichean .pull-leftagus .pull-rightcuideachd ann agus bha iad air an cleachdadh roimhe seo mar phàirt de na meadhanan, ach chan eil iad air an moladh airson an cleachdadh sin mar v3.3.0. Tha iad timcheall air co-ionann ri .media-leftagus .media-right, ach a-mhàin a .media-rightbu chòir a chuir às deidh an .media-bodysan html.
Co-thaobhadh meadhanan
Faodaidh na h-ìomhaighean no meadhanan eile a bhith air an co-thaobhadh gu h-àrd, sa mheadhan no aig a’ bhonn. Tha an suidheachadh bunaiteach air a cho-thaobhadh gu h-àrd.
Meadhanan co-thaobhadh àrd
Cras sit amet nibh libero, ann an gravida nulla. Nulla no 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 ann am faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Le sociis natoque penatibus et magnis dis parturient montes, nas fhaide air adhart ridiculus mus.
Meadhanan co-thaobhadh meadhanach
Cras sit amet nibh libero, ann an gravida nulla. Nulla no 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 ann am faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Le sociis natoque penatibus et magnis dis parturient montes, nas fhaide air adhart ridiculus mus.
Meadhanan co-thaobhadh gu h-ìosal
Cras sit amet nibh libero, ann an gravida nulla. Nulla no 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 ann am faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Le sociis natoque penatibus et magnis dis parturient montes, nas fhaide air adhart ridiculus mus.
Liosta nam meadhanan
Le beagan comharrachaidh a bharrachd, faodaidh tu meadhanan taobh a-staigh liosta a chleachdadh (feumail airson snàithleanan beachd no liostaichean artaigilean).
Ceann nam meadhanan
Cras sit amet nibh libero, ann an gravida nulla. Nulla no metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Ceann meadhanan neadaichte
Cras sit amet nibh libero, ann an gravida nulla. Nulla no metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Ceann meadhanan neadaichte
Cras sit amet nibh libero, ann an gravida nulla. Nulla no metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Ceann meadhanan neadaichte
Cras sit amet nibh libero, ann an gravida nulla. Nulla no metus scelerisque ante sollicitudin comodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Buidheann liosta
Tha buidhnean liosta nam pàirt sùbailte is cumhachdach airson a bhith a’ taisbeanadh chan e a-mhàin liostaichean sìmplidh de eileamaidean, ach feadhainn iom-fhillte le susbaint àbhaisteach.
Eisimpleir bunaiteach
Is e a’ bhuidheann liosta as bunaitiche dìreach liosta gun òrdugh le nithean liosta, agus na clasaichean ceart. Tog air leis na roghainnean a leanas, no an CSS agad fhèin mar a dh’ fheumar.
Dìreach odio
Dapibus agus facilisis ann an
Morbi leo risus
Porta agus consectetur ac
Vestbulum aig Eros
Bràistean
Cuir pàirt nam bràistean ri nì buidheann liosta sam bith agus thèid a shuidheachadh gu fèin-ghluasadach air an taobh cheart.
14Dìreach odio
2Dapibus agus facilisis ann an
1Morbi leo risus
Feartan ceangailte
Linkify liosta de nithean buidhne le bhith a’ cleachdadh tagaichean acair an àite nithean liosta (tha sin cuideachd a’ ciallachadh pàrant <div>an àite <ul>). Chan eil feum air pàrantan fa leth timcheall air gach eileamaid.
Faodaidh rudan buidhne liosta a bhith nam putanan an àite nithean liosta (tha sin cuideachd a’ ciallachadh pàrant <div>an àite <ul>). Chan eil feum air pàrantan fa leth timcheall air gach eileamaid. Na cleachd na .btnclasaichean àbhaisteach an seo.
Nithean ciorramach
Cuir .disabledri a .list-group-itemgus a ghlasadh a-mach gus nochdadh ciorramach.
Ged nach eil e an-còmhnaidh riatanach, uaireannan feumaidh tu do DOM a chuir ann am bogsa. Airson na suidheachaidhean sin, feuch am pàirt pannal.
Eisimpleir bunaiteach
Gu gnàthach, is e a h-uile rud a .panelnì thu beagan chrìochan bunaiteach agus pleadhag gus beagan susbaint a chumail a-steach.
Eisimpleir pannal bunaiteach
Pannal le ceann-cinn
Cuir gu furasta soitheach cinn ris a’ phannal agad le .panel-heading. Faodaidh tu cuideachd gin a thoirt a-steach <h1>- <h6>le .panel-titleclas gus ceann ro-stoidhle a chur ris. Ach, tha meudan cruth-clò <h1>- <h6>air an toirt thairis le .panel-heading.
Airson dath ceangail ceart, dèan cinnteach gun cuir thu ceanglaichean ann an cinn taobh a-staigh .panel-title.
Ceann pannal gun tiotal
Susbaint pannal
Tiotal a 'phannal
Susbaint pannal
Pannal le bonn-coise
Wrap putanan no teacsa àrd-sgoile ann an .panel-footer. Thoir an aire nach sealbhaich coisichean pannal dathan agus crìochan nuair a bhios tu a’ cleachdadh atharrachaidhean co-theacsail leis nach eil còir aca a bhith air beulaibh an deilbh.
Susbaint pannal
Roghainnean co-theacsail
Coltach ri co-phàirtean eile, dèan pannal gu furasta nas ciallaiche do cho-theacsa sònraichte le bhith a’ cur gin de na clasaichean stàite co-theacsail ris.
Tiotal a 'phannal
Susbaint pannal
Tiotal a 'phannal
Susbaint pannal
Tiotal a 'phannal
Susbaint pannal
Tiotal a 'phannal
Susbaint pannal
Tiotal a 'phannal
Susbaint pannal
Le bùird
Cuir ris neo-chrìochnaichte .tabletaobh a-staigh pannal airson dealbhadh fuaigheil. Ma tha .panel-body, cuiridh sinn crìoch a bharrachd air mullach a 'bhùird airson dealachadh.
Ceann pannal
Cuid de shusbaint pannal bunaiteach an seo. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
#
A’ chiad ainm
An t-ainm mu dheireadh
Ainm-cleachdaidh
1
Marc
Otto
@meadh
2
Iacob
Thornton
@saill
3
Larry
an Eòin
@twitter
Mura h-eil bodhaig pannal ann, gluaisidh am pàirt bho bhann-cinn a’ phannail gu bòrd gun bhriseadh sam bith.
Cuid de shusbaint pannal bunaiteach an seo. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
Dìreach odio
Dapibus agus facilisis ann an
Morbi leo risus
Porta agus consectetur ac
Vestbulum aig Eros
Gabhail a-steach freagairteach
Leig le brobhsairean tomhasan bhidio no taisbeanadh-shleamhnagan a dhearbhadh stèidhichte air leud a’ bhloc anns a bheil iad le bhith a’ cruthachadh co-mheas gnèitheach a nì sgèile ceart air inneal sam bith.
Tha riaghailtean air an cur gu dìreach ri <iframe>, <embed>, , <video>, agus <object>eileamaidean; gu roghnach cleachd clas sliochd soilleir .embed-responsive-itemnuair a tha thu airson a bhith co-ionnan ris an stoidhle airson buadhan eile.
Pro-Tip! Chan fheum thu a chuir a-steach frameborder="0"na do chuid <iframe>oir tha sinn a’ dol thairis air sin dhut.
tobraichean
Default gu math
Cleachd an tobar mar bhuaidh shìmplidh air eileamaid gus buaidh inset a thoirt dha.
Seall, tha mi ann an tobar!
Clasaichean roghainneil
Padding smachd agus oiseanan cruinn le dà chlas atharrachaidh roghainneil.