Nibdew
Ħarsa ġenerali lejn Bootstrap, kif tniżżel u tuża, mudelli bażiċi u eżempji, u aktar.
Ħarsa ġenerali lejn Bootstrap, kif tniżżel u tuża, mudelli bażiċi u eżempji, u aktar.
Bootstrap (bħalissa v3.3.7) għandu ftit modi faċli biex tibda malajr, kull wieħed jappella għal livell ta 'ħiliet u każ ta' użu differenti. Aqra biex tara x'jaqbel mal-bżonnijiet partikolari tiegħek.
CSS, JavaScript, u fonts ikkompilati u mminifikati. L-ebda doks jew fajls sors oriġinali huma inklużi.
Sors Less, JavaScript, u fajls tat-tipa, flimkien mad-dokumenti tagħna. Jeħtieġ kompilatur Inqas u xi setup.
Bootstrap portat minn Less għal Sass għal inklużjoni faċli fi proġetti Rails, Compass, jew Sass biss.
In-nies fuq jsDelivr graciously jipprovdu appoġġ CDN għas-CSS u JavaScript ta 'Bootstrap. Uża biss dawn il - links tas-CDN tal-Bootstrap .
Tista' wkoll tinstalla u timmaniġġja Bootstrap's Less, CSS, JavaScript, u fonts billi tuża Bower :
Tista' wkoll tinstalla Bootstrap billi tuża npm :
require('bootstrap')
se jgħabbi l-plugins jQuery kollha ta' Bootstrap fuq l-oġġett jQuery. Il- bootstrap
modulu innifsu ma jesporta xejn. Tista' tgħabbi manwalment il-plugins jQuery ta' Bootstrap individwalment billi tgħabbi l- /js/*.js
fajls taħt id-direttorju tal-ogħla livell tal-pakkett.
Bootstrap's package.json
fih xi metadejta addizzjonali taħt iċ-ċwievet li ġejjin:
less
- mogħdija għall- fajl ewlieni tas-sors Less ta ' Bootstrapstyle
- mogħdija għas-CSS mhux minifikat ta' Bootstrap li ġie kkumpilat minn qabel bl-użu tas-settings default (l-ebda customization)Tista' wkoll tinstalla u timmaniġġja Bootstrap's Less, CSS, JavaScript, u fonts billi tuża Composer :
Bootstrap juża Autoprefixer biex jittratta l -prefissi tal-bejjiegħ CSS . Jekk qed tikkompila Bootstrap mis-sors Less/Sass tagħha u ma tużax il-Gruntfile tagħna, ikollok bżonn tintegra l-Autoprefixer fil-proċess tal-bini tiegħek innifsek. Jekk qed tuża Bootstrap ikkumpilat minn qabel jew tuża Gruntfile tagħna, m'għandekx għalfejn tinkwieta dwar dan għaliex Autoprefixer huwa diġà integrat fil-Gruntfile tagħna.
Bootstrap jista' jitniżżel f'żewġ forom, li fihom issib id-direttorji u l-fajls li ġejjin, loġikament jiġbru r-riżorsi komuni u jipprovdu kemm varjazzjonijiet ikkumpilati kif ukoll imminifikati.
Jekk jogħġbok innota li l-plugins JavaScript kollha jeħtieġu li jQuery jiġi inkluż, kif muri fil- mudell tal-bidu . Ikkonsulta tagħnabower.json
biex tara liema verżjonijiet ta 'jQuery huma appoġġjati.
Ladarba titniżżel, unzip il-folder kompressat biex tara l-istruttura ta '(il-kompilat) Bootstrap. Se tara xi ħaġa bħal din:
Din hija l-aktar forma bażika ta 'Bootstrap: fajls ikkumpilati minn qabel għal użu ta' drop-in malajr fi kważi kull proġett tal-web. Aħna nipprovdu CSS u JS ikkompilati ( bootstrap.*
), kif ukoll CSS u JS ( bootstrap.min.*
) ikkumpilati u mminifikati. Il- mapep tas-sors tas- CSS ( bootstrap.*.map
) huma disponibbli għall-użu ma' ċerti għodod tal-iżviluppaturi ta' browsers. Fonts minn Glyphicons huma inklużi, bħalma hija t-tema tal-Bootstrap fakultattiva.
It-tniżżil tal-kodiċi tas-sors Bootstrap jinkludi l-assi CSS, JavaScript, u font ikkumpilati minn qabel, flimkien mas-sors Less, JavaScript, u dokumentazzjoni. B'mod aktar speċifiku, jinkludi dan li ġej u aktar:
Il- less/
, js/
, u fonts/
huma l-kodiċi tas-sors għas-CSS, JS, u fonts tal-ikoni tagħna (rispettivament). Il- dist/
folder jinkludi dak kollu elenkat fit-taqsima tat-tniżżil kkumpilata minn qabel hawn fuq. Il- docs/
folder jinkludi l-kodiċi tas-sors għad-dokumentazzjoni tagħna, u examples/
tal-użu tal-Bootstrap. Lil hinn minn dan, kwalunkwe fajl ieħor inkluż jipprovdi appoġġ għal pakketti, informazzjoni dwar il-liċenzja, u żvilupp.
Bootstrap juża Grunt għas-sistema tal-bini tiegħu, b'metodi konvenjenti biex jaħdem mal-qafas. Huwa kif niġbru l-kodiċi tagħna, inmexxu testijiet, u aktar.
Biex tinstalla Grunt, l- ewwel trid tniżżel u tinstalla node.js (li jinkludi npm). npm tirreferi għal moduli ppakkjati node u huwa mod kif timmaniġġja d-dipendenzi tal-iżvilupp permezz ta 'node.js.
Imbagħad, mil-linja tal-kmand:grunt-cli
globalment b' npm install -g grunt-cli
./bootstrap/
, imbagħad mexxi npm install
. npm se jħares lejn il- package.json
fajl u jinstalla awtomatikament id-dipendenzi lokali meħtieġa elenkati hemmhekk.Meta titlesta, tkun tista' tmexxi d-diversi kmandi Grunt ipprovduti mil-linja tal-kmand.
grunt dist
(Ikkumpila biss CSS u JavaScript)Jiġġenera d- /dist/
direttorju b'fajls CSS u JavaScript kkompilati u mminifikati. Bħala utent Bootstrap, dan huwa normalment il-kmand li trid.
grunt watch
(Għassa)Jħares il-fajls tas-sors Inqas u awtomatikament jikkompilahom għal CSS kull meta tissejvja bidla.
grunt test
(Mexxi testijiet)Imexxi JSHint u jmexxi t- testijiet QUnit bla ras f'PhantomJS .
grunt docs
(Ibni u ttestja l-assi tad-doks)Jibni u jittestja CSS, JavaScript, u assi oħra li jintużaw meta tħaddem id-dokumentazzjoni lokalment permezz ta' bundle exec jekyll serve
.
grunt
(Ibni assolutament kollox u agħmel testijiet)Jiġbor u jimminifizza CSS u JavaScript, jibni l-websajt tad-dokumentazzjoni, imexxi l-validatur HTML5 kontra d-doks, jirriġenera l-assi Customizer, u aktar. Jirrikjedi Jekyll . Normalment meħtieġ biss jekk int hacking fuq Bootstrap innifsu.
Jekk tiltaqa' ma' problemi bl-installazzjoni tad-dipendenzi jew it-tħaddim tal-kmandi Grunt, l-ewwel ħassar id- /node_modules/
direttorju ġġenerat minn npm. Imbagħad, erġa' wettaq npm install
.
Ibda b'dan il-mudell HTML bażiku, jew immodifika dawn l-eżempji . Nittamaw li tippersonalizza l-mudelli u l-eżempji tagħna, billi tadattahom skont il-bżonnijiet tiegħek.
Ikkopja l-HTML hawn taħt biex tibda taħdem b'dokument Bootstrap minimu.
Ibni fuq il-mudell bażiku hawn fuq bil-bosta komponenti ta 'Bootstrap. Inħeġġuk tippersonalizza u tadatta Bootstrap biex taqdi l-bżonnijiet tal-proġett individwali tiegħek.
Ikseb il-kodiċi tas-sors għal kull eżempju hawn taħt billi tniżżel ir-repożitorju Bootstrap . Eżempji jistgħu jinstabu fid- docs/examples/
direttorju.
Iddiżattiva faċilment ir-rispons ta' Bootstrap skont id-dokumenti tagħna .
Bootlint hija l-għodda uffiċjali Bootstrap HTML linter . Tiċċekkja awtomatikament għal diversi żbalji komuni HTML f'paġni web li qed jużaw Bootstrap b'mod pjuttost "vanilla". Il-komponenti/widgets ta' Vanilla Bootstrap jeħtieġu li l-partijiet tagħhom tad-DOM jikkonformaw ma' ċerti strutturi. Bootlint jiċċekkja li l-istanzi tal-komponenti Bootstrap għandhom HTML strutturat korrettament. Ikkunsidra li żżid Bootlint mal-għodda tal-iżvilupp tal-web Bootstrap tiegħek sabiex l-ebda żball komuni ma jnaqqas l-iżvilupp tal-proġett tiegħek.
Ibqa' aġġornat dwar l-iżvilupp ta' Bootstrap u ikkuntattja lill-komunità b'dawn ir-riżorsi ta' għajnuna.
irc.freenode.net
server, fil- kanal ##bootstrap .twitter-bootstrap-3
.bootstrap
fuq pakketti li jimmodifikaw jew iżidu mal-funzjonalità ta' Bootstrap meta jqassmu permezz ta' npm jew mekkaniżmi ta' kunsinna simili għal skoperta massima.Tista 'wkoll issegwi @getbootstrap fuq Twitter għall-aħħar gossip u vidjows mużikali tal-biża'.
Bootstrap jadatta awtomatikament il-paġni tiegħek għal diversi daqsijiet tal-iskrin. Ara kif tiddiżattiva din il-karatteristika sabiex il-paġna tiegħek taħdem bħal dan l-eżempju li ma jirrispondix .
<meta>
imsemmi fid -doks tas-CSSwidth
fuq .container
għal kull saff tal-grilja b'wisa 'wieħed, pereżempju width: 970px !important;
Kun żgur li dan jiġi wara l-CSS Bootstrap default. Tista' b'għażla tevita l- !important
mal-midja mistoqsijiet jew xi selettur-fu..col-xs-*
klassijiet flimkien ma', jew minflok, dawk medji/kbar. Tinkwetax, il-grilja tal-apparat extra-żgħar tiskala għar-riżoluzzjonijiet kollha.Xorta jkollok bżonn Respond.js għal IE8 (peress li l-mistoqsijiet tal-midja tagħna għadhom hemm u jeħtieġ li jiġu pproċessati). Dan iwaqqaf l-aspetti tas-"sit mobbli" ta' Bootstrap.
Applikajna dawn il-passi għal eżempju. Aqra l-kodiċi tas-sors tagħha biex tara l-bidliet speċifiċi implimentati.
Qed tfittex li temigra minn verżjoni eqdem ta' Bootstrap għal v3.x? Iċċekkja l -gwida tal-migrazzjoni tagħna .
Bootstrap huwa mibni biex jaħdem l-aħjar fl-aħħar browsers tad-desktop u tal-mowbajl, li jfisser li browsers anzjani jistgħu juru stil differenti, għalkemm jiffunzjonaw bis-sħiħ, renderings ta' ċerti komponenti.
Speċifikament, aħna nappoġġjaw l- aħħar verżjonijiet tal-browsers u l-pjattaformi li ġejjin.
Brawżers alternattivi li jużaw l-aħħar verżjoni ta' WebKit, Blink, jew Gecko, kemm jekk direttament jew permezz tal-API tal-vista tal-web tal-pjattaforma, mhumiex appoġġjati b'mod espliċitu. Madankollu, Bootstrap għandu (f'ħafna każijiet) juri u jaħdem b'mod korrett f'dawn il-browsers ukoll. Aktar informazzjoni speċifika dwar l-appoġġ hija pprovduta hawn taħt.
B'mod ġenerali, Bootstrap jappoġġja l-aħħar verżjonijiet tal-browsers default ta' kull pjattaforma ewlenija. Innota li browsers proxy (bħal Opera Mini, il-mod Turbo ta 'Opera Mobile, UC Browser Mini, Amazon Silk) mhumiex appoġġjati.
Chrome | Firefox | Safari | |
---|---|---|---|
Android | Appoġġjati | Appoġġjati | N/A |
iOS | Appoġġjati | Appoġġjati | Appoġġjati |
Bl-istess mod, l-aħħar verżjonijiet tal-biċċa l-kbira tal-browsers tad-desktop huma appoġġjati.
Chrome | Firefox | Internet Explorer | Opera | Safari | |
---|---|---|---|---|---|
Mac | Appoġġjati | Appoġġjati | N/A | Appoġġjati | Appoġġjati |
Windows | Appoġġjati | Appoġġjati | Appoġġjati | Appoġġjati | Mhux appoġġjat |
Fuq il-Windows, aħna nappoġġjaw l-Internet Explorer 8-11 .
Għal Firefox, minbarra l-aħħar rilaxx normali stabbli, aħna nappoġġjaw ukoll l-aħħar verżjoni Extended Support Release (ESR) ta’ Firefox.
B'mod mhux uffiċjali, Bootstrap għandu jidher u jġib ruħu tajjeb biżżejjed f'Chromium u Chrome għal Linux, Firefox għal Linux, u Internet Explorer 7, kif ukoll Microsoft Edge, għalkemm mhumiex appoġġjati uffiċjalment.
Għal lista ta’ xi wħud mill-bugs tal-browser li Bootstrap għandu jitħabat magħhom, ara l- Ħajt tal-bugs tal-browser tagħna .
Internet Explorer 8 u 9 huma wkoll appoġġjati, madankollu, jekk jogħġbok kun konxju li xi proprjetajiet CSS3 u elementi HTML5 mhumiex appoġġjati bis-sħiħ minn dawn il-browsers. Barra minn hekk, l-Internet Explorer 8 jeħtieġ l-użu ta ' Respond.js biex jippermetti l-appoġġ għall-mistoqsijiet tal-midja.
Karatteristika | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Mhux appoġġjat | Appoġġjati |
box-shadow |
Mhux appoġġjat | Appoġġjati |
transform |
Mhux appoġġjat | Appoġġjati, bi -ms prefiss |
transition |
Mhux appoġġjat | |
placeholder |
Mhux appoġġjat |
Żur Nista' nuża... għal dettalji dwar l-appoġġ tal-browser tal-karatteristiċi CSS3 u HTML5.
Oqgħod attent mit-twissijiet li ġejjin meta tuża Respond.js fl-ambjenti ta' żvilupp u produzzjoni tiegħek għall-Internet Explorer 8.
L-użu ta' Respond.js b'CSS ospitat fuq (sub)dominju differenti (pereżempju, fuq CDN) jeħtieġ xi setup addizzjonali. Ara d-dokumenti Respond.js għad-dettalji.
file://
Minħabba r-regoli tas-sigurtà tal-brawżer, Respond.js ma jaħdimx b'paġni li jidhru permezz tal- file://
protokoll (bħal meta tiftaħ fajl HTML lokali). Biex tittestja l-karatteristiċi li jirrispondu f'IE8, ara l-paġni tiegħek fuq HTTP(S). Ara d-dokumenti Respond.js għad-dettalji.
@import
Respond.js ma jaħdimx ma' CSS li huwa referenzjat permezz ta' @import
. B'mod partikolari, xi konfigurazzjonijiet Drupal huma magħrufa li jużaw @import
. Ara d-dokumenti Respond.js għad-dettalji.
IE8 ma jappoġġjax bis-sħiħ box-sizing: border-box;
meta kkombinat ma ' min-width
, max-width
, min-height
, jew max-height
. Għal dik ir-raġuni, minn v3.0.1, m'għadniex nużaw max-width
fuq .container
s.
IE8 għandu xi kwistjonijiet @font-face
meta kkombinat ma ' :before
. Bootstrap juża dik il-kombinazzjoni mal-Glyphicons tiegħu. Jekk paġna hija cached, u mgħobbija mingħajr il-maws fuq it-tieqa (jiġifieri agħfas il-buttuna ta 'aġġornament jew tagħbija xi ħaġa f'iframe) allura l-paġna tiġi mogħtija qabel it-tagħbijiet tat-tipa. Meta tgħaddi fuq il-paġna (korp) se turi xi wħud mill-ikoni u meta tgħaddi fuq l-ikoni li jifdal se juru dawk ukoll. Ara l-ħarġa #13863 għad-dettalji.
Bootstrap mhuwiex appoġġjat fil-modi ta' kompatibilità l-qodma ta' l-Internet Explorer. Biex tkun żgur li qed tuża l-aħħar modalità ta' rendering għal IE, ikkunsidra li tinkludi t- <meta>
tikketta xierqa fil-paġni tiegħek:
Ikkonferma l-modalità tad-dokument billi tiftaħ l-għodda tad-debugging: agħfas F12u ċċekkja l-"Modalità Dokument".
Din it-tikketta hija inkluża fid-dokumentazzjoni u l-eżempji kollha tal-Bootstrap biex tiżgura l-aħjar rendering possibbli f'kull verżjoni appoġġjata tal-Internet Explorer.
Ara din il-mistoqsija StackOverflow għal aktar informazzjoni.
Internet Explorer 10 ma jiddistingwix il-wisa' tal- apparat mill-wisa' tal- viewport , u għalhekk ma japplikax sew il-mistoqsijiet tal-midja fis-CSS ta' Bootstrap. Normalment inti biss iżżid snippet ta 'malajr ta' CSS biex tirranġa dan:
Madankollu, dan ma jaħdimx għal apparati li jħaddmu Windows Phone 8 verżjonijiet eqdem minn Aġġornament 3 (magħruf ukoll bħala GDR3) , peress li jikkawża tali apparati biex juru veduta l-aktar tad-desktop minflok veduta dejqa "ta' telefon". Biex tindirizza dan, ikollok bżonn tinkludi s-CSS u l-JavaScript li ġejjin biex taħdem madwar il-bug .
Għal aktar informazzjoni u linji gwida dwar l-użu, aqra Windows Phone 8 u Device-Width .
Bħala heads up, aħna ninkludu dan fid-dokumentazzjoni u l-eżempji kollha ta 'Bootstrap bħala turija.
Il-magna tar-rendi tal-verżjonijiet ta 'Safari qabel v7.1 għal OS X u Safari għal iOS v8.0 kellha xi problemi bin-numru ta' postijiet deċimali użati fil- .col-*-1
klassijiet tal-grilja tagħna. Mela jekk kellek 12-il kolonna tal-grilja individwali, tinnota li ħarġu qosra meta mqabbla ma 'ringieli oħra ta' kolonni. Minbarra li ttejjeb Safari/iOS, għandek xi għażliet għal soluzzjonijiet:
.pull-right
mal-aħħar kolonna tal-grilja tiegħek biex tikseb l-allinjament iebes-drittL-appoġġ għal overflow: hidden
fuq l- <body>
element huwa pjuttost limitat fl-iOS u l-Android. Għal dak il-għan, meta tiskrollja mill-parti ta' fuq jew t'isfel ta' modal f'wieħed mill-browsers ta' dawk l-apparati, il- <body>
kontenut jibda jiskrollja. Ara l-bug Chrome #175502 (fissat fi Chrome v40) u l- bug WebKit #153852 .
Minn iOS 9.3, filwaqt li modali tkun miftuħa, jekk il-mess inizjali ta 'ġest ta' scroll ikun fil-konfini ta 'testwali <input>
jew ta' <textarea>
, il- <body>
kontenut taħt il-modal se jiġi skrolljat minflok il-modal innifsu. Ara l- bug tal-WebKit #153856 .
Ukoll, innota li jekk qed tuża navbar fiss jew tuża inputs f'modal, iOS għandu bug ta 'rendi li ma jaġġornax il-pożizzjoni ta' elementi fissi meta t-tastiera virtwali tiġi attivata. Xi ftit soluzzjonijiet għal dan jinkludu t-trasformazzjoni tal-elementi tiegħek position: absolute
jew li tinvoka tajmer fuq il-fokus biex tipprova tikkoreġi l-ippożizzjonar manwalment. Dan mhux immaniġġjat minn Bootstrap, għalhekk huwa f'idejnek li tiddeċiedi liema soluzzjoni hija l-aħjar għall-applikazzjoni tiegħek.
L- .dropdown-backdrop
element ma jintużax fuq iOS fin-nav minħabba l-kumplessità ta 'z-indexing. Għalhekk, biex tagħlaq dropdowns fin-navbars, trid tikklikkja direttament l-element dropdown (jew kwalunkwe element ieħor li jispara avveniment tal-ikklikkja fl-iOS ).
Iż-żum tal-paġna inevitabbilment jippreżenta artifacts tar-rendi f'xi komponenti, kemm f'Bootstrap kif ukoll fil-bqija tal-web. Skont il-kwistjoni, nistgħu nkunu kapaċi nirranġawha (l-ewwel fittex u mbagħad tiftaħ kwistjoni jekk ikun hemm bżonn). Madankollu, għandna t-tendenza li ninjoraw dawn peress li ħafna drabi ma jkollhom l-ebda soluzzjoni diretta għajr soluzzjonijiet hacky.
:hover
/ :focus
fuq il-mowbajlAnki jekk id-depożitu reali mhux possibbli fuq il-biċċa l-kbira tat-touchscreens, il-biċċa l-kbira tal-browsers mobbli jimitaw l-appoġġ għall-hovering u jagħmlu :hover
"jwaħħal". Fi kliem ieħor, l- :hover
istili jibdew japplikaw wara li ttektek element u jieqfu japplikaw biss wara li l-utent jisfrutta xi element ieħor. Dan jista 'jikkawża li l-istati ta' Bootstrap :hover
isiru mhux mixtieqa "jwaħħlu" fuq browsers bħal dawn. Xi browsers mobbli jagħmlu :focus
wkoll twaħħal bl-istess mod. Bħalissa m'hemm l-ebda soluzzjoni sempliċi għal dawn il-kwistjonijiet ħlief li jitneħħew għal kollox tali stili.
Anke f'xi browsers moderni, l-istampar jista 'jkun quirky.
B'mod partikolari, minn Chrome v32 u irrispettivament mis-settings tal-marġni, Chrome juża wisa' ta' viewport sinifikament idjaq mid-daqs fiżiku tal-karta meta jsolvi mistoqsijiet tal-midja waqt li jistampa paġna web. Dan jista' jwassal biex il-grilja ż-żgħira ta' Bootstrap tiġi attivata b'mod mhux mistenni meta tipprintja. Ara l-ħarġa #12078 u l- bug Chrome #273306 għal xi dettalji. Soluzzjonijiet ssuġġeriti:
@screen-*
varjabbli Inqas sabiex il-karta tal-printer tiegħek titqies akbar minn ż-żgħira żejda.Ukoll, minn Safari v8.0, .container
s b'wisa 'fiss jista' jikkawża li Safari juża daqs żgħir mhux tas-soltu tat-tipa meta jistampa. Ara #14868 u WebKit bug #138192 għal aktar dettalji. Soluzzjoni potenzjali waħda għal dan hija li żżid is-CSS li ġej:
Barra mill-kaxxa, Android 4.1 (u anki xi ħarġiet aktar ġodda apparentement) jintbagħtu bl-app tal-Browser bħala l-web browser default tal-għażla (kuntrarju għal Chrome). Sfortunatament, l-app tal-Browser għandha ħafna bugs u inkonsistenzi mas-CSS b'mod ġenerali.
Fuq <select>
elementi, il-brawżer tal-istokk Android mhux se juri l-kontrolli tal-ġenb jekk ikun hemm border-radius
u/jew border
applikat. (Ara din il-mistoqsija StackOverflow għad-dettalji.) Uża s-snippet tal-kodiċi hawn taħt biex tneħħi s-CSS li toffendi u tirrendi l- <select>
bħala element unstyled fuq il-brawżer tal-istokk tal-Android. L-aġent tal-utent li jxomm jevita interferenza mal-browsers Chrome, Safari, u Mozilla.
Trid tara eżempju? Iċċekkja din id-demo JS Bin.
Sabiex tipprovdi l-aħjar esperjenza possibbli lill-browsers qodma u buggy, Bootstrap juża hacks tal-browser CSS f'diversi postijiet biex jimmira CSS speċjali għal ċerti verżjonijiet tal-brawżer sabiex jaħdem madwar bugs fil-browsers infushom. Dawn il-hacks jistgħu jifhmu li l-validaturi tas-CSS jilmentaw li huma invalidi. F'xi postijiet, nużaw ukoll karatteristiċi CSS ta' fsada li għadhom mhumiex standardizzati għal kollox, iżda dawn jintużaw purament għal titjib progressiv.
Dawn it-twissijiet ta 'validazzjoni ma jimpurtax fil-prattika peress li l-porzjon mhux hacky tas-CSS tagħna jivvalida bis-sħiħ u l-porzjonijiet hacky ma jinterferixxux mal-funzjonament tajjeb tal-porzjon mhux hacky, għalhekk aħna deliberatament ninjoraw dawn it-twissijiet partikolari.
Id-dokumenti HTML tagħna bl-istess mod għandhom xi twissijiet ta' validazzjoni HTML trivjali u inkonsegwenzjali minħabba l-inklużjoni tagħna ta' soluzzjoni għal ċertu bug ta' Firefox .
Filwaqt li aħna ma nappoġġjawx uffiċjalment l-ebda plugin jew add-ons ta’ partijiet terzi, noffru xi pariri utli biex ngħinu biex jiġu evitati kwistjonijiet potenzjali fil-proġetti tiegħek.
Xi softwer ta' partijiet terzi, inklużi Google Maps u Google Custom Search Engine, jikkonfliġġu ma' Bootstrap minħabba * { box-sizing: border-box; }
, regola li tagħmilha hekk padding
ma taffettwax il-wisa' finali kkalkulata ta' element. Tgħallem aktar dwar il -mudell tal-kaxxa u d-daqs fuq CSS Tricks .
Skont il-kuntest, tista' tegħleb kif meħtieġ (Għażla 1) jew reset id-daqs tal-kaxxa għal reġjuni sħaħ (Għażla 2).
Bootstrap isegwi standards tal-web komuni u—bi sforz minimu żejjed—jista’ jintuża biex jinħolqu siti li huma aċċessibbli għal dawk li jużaw AT .
Jekk in-navigazzjoni tiegħek fiha ħafna links u tiġi qabel il-kontenut prinċipali fid-DOM, żid Skip to main content
link qabel in-navigazzjoni (għal spjegazzjoni sempliċi, ara dan l-artikolu tal- Proġett A11Y dwar skip navigazzjoni links ). L-użu tal- .sr-only
klassi se taħbi viżwalment l-iskip link, u l- .sr-only-focusable
klassi tiżgura li l-link issir viżibbli ladarba tkun iffukata (għall-utenti tat-tastiera b'vista).
Minħabba nuqqasijiet/bugs li ilhom żmien twil fil-Chrome (ara l -ħarġa 262171 fil-Bug tracker tal-Chromium ) u l-Internet Explorer (ara dan l-artikolu dwar links fil-paġna u ordni ta' fokus ), ser ikollok bżonn tiżgura li l-mira tal-skip link tiegħek huwa għall-inqas programmatically ffukabbli billi żżid tabindex="-1"
.
Barra minn hekk, tista 'tixtieq li espliċitament trażżan indikazzjoni ta' fokus viżibbli fuq il-mira (partikolarment peress li Chrome bħalissa jistabbilixxi wkoll fokus fuq elementi tabindex="-1"
b'meta jiġu kklikkjati bil-maws) b' #content:focus { outline: none; }
.
Innota li dan il-bug se jaffettwa wkoll kwalunkwe link ieħor fil-paġna li jista' juża s-sit tiegħek, u b'hekk jagħmilhom inutli għall-utenti tat-tastiera. Inti tista 'tikkunsidra li żżid stop-gap fix simili għall-ankri / identifikaturi tal-frammenti l-oħra kollha msemmija li jaġixxu bħala miri ta' link.
Meta jbejtu l-intestaturi ( <h1>
- <h6>
), l-intestaturi tad-dokument primarju tiegħek għandu jkun <h1>
. L-intestaturi sussegwenti għandhom jagħmlu użu loġiku minn <h2>
- <h6>
b'tali mod li l-qarrejja tal-iskrin jistgħu jibnu sommarju għall-paġni tiegħek.
Tgħallem aktar fuq HTML CodeSniffer u Penn State's AccessAbility .
Bħalissa, xi wħud mill-kombinazzjonijiet ta' kuluri default disponibbli f'Bootstrap (bħall-klassijiet varji ta' buttuna b'stil, xi wħud mill-kuluri li jenfasizzaw il-kodiċi użati għal blokki ta' kodiċi bażiċi , il -klassi ta' għajnuna ta' l .bg-primary
-isfond kuntestwali , u l-kulur tal-link default meta jintuża fuq sfond abjad) għandhom proporzjon ta 'kuntrast baxx (taħt il- proporzjon rakkomandat ta' 4.5:1 ). Dan jista 'jikkawża problemi lill-utenti b'vista baxxa jew li huma għomja mill-kulur. Dawn il-kuluri default jistgħu jeħtieġu li jiġu modifikati biex iżidu l-kuntrast u l-leġibilità tagħhom.
Bootstrap huwa rilaxxat taħt il-liċenzja MIT u huwa awtur 2016 Twitter. Mgħollija għal biċċiet iżgħar, tista 'tiġi deskritta bil-kundizzjonijiet li ġejjin.
Il-liċenzja Bootstrap sħiħa tinsab fir-repożitorju tal-proġett għal aktar informazzjoni.
Il-membri tal-komunità ttraduċu d-dokumentazzjoni ta' Bootstrap f'diversi lingwi. L-ebda wieħed ma huwa appoġġjat uffiċjalment u jista 'mhux dejjem ikunu aġġornati.
Aħna ma ngħinux biex norganizzaw jew jospitaw traduzzjonijiet, aħna biss nikkollegaw magħhom.
Lestejt traduzzjoni ġdida jew aħjar? Iftaħ talba tal-ġibda biex iżżidha mal-lista tagħna.