Komencante
Superrigardo de Bootstrap, kiel elŝuti kaj uzi, bazaj ŝablonoj kaj ekzemploj, kaj pli.
Superrigardo de Bootstrap, kiel elŝuti kaj uzi, bazaj ŝablonoj kaj ekzemploj, kaj pli.
Bootstrap (nuntempe v3.4.1) havas kelkajn facilajn manierojn por rapide komenci, ĉiu alloga al malsama lerteco kaj uzokazo. Tralegu por vidi kio konvenas al viaj apartaj bezonoj.
Kompilitaj kaj minimumigitaj CSS, JavaScript kaj tiparoj. Neniuj dokumentoj aŭ originalaj fontdosieroj estas inkluzivitaj.
Fonto Malpli, JavaScript kaj tipardosieroj, kune kun niaj dokumentoj. Postulas Less-kompililon kaj iom da aranĝo.
Bootstrap portita de Less al Sass por facila inkludo en Rails, Compass aŭ Sass-nur-projektoj.
La homoj ĉe jsDelivr kompleze provizas CDN-subtenon por CSS kaj JavaScript de Bootstrap. Nur uzu ĉi tiujn ligilojn jsDelivr .
Vi ankaŭ povas instali kaj administri Bootstrap's Less, CSS, JavaScript kaj tiparojn uzante Bower :
Vi ankaŭ povas instali Bootstrap uzante npm :
require('bootstrap')
ŝarĝos ĉiujn jQuery-kromaĵojn de Bootstrap sur la objekton jQuery. La bootstrap
modulo mem nenion eksportas. Vi povas mane ŝargi la jQuery-kromaĵojn de Bootstrap individue ŝarĝante la /js/*.js
dosierojn sub la plej alta dosierujo de la pako.
Bootstrap package.json
enhavas kelkajn pliajn metadatenojn sub la sekvaj ŝlosiloj:
less
- vojo al la ĉefa Less fontdosiero de Bootstrapstyle
- vojo al la ne-minimigita CSS de Bootstrap, kiu estis antaŭkompilita uzante la defaŭltajn agordojn (neniu personigo)Vi ankaŭ povas instali kaj administri Bootstrap's Less, CSS, JavaScript kaj tiparojn uzante Composer :
Bootstrap uzas Autoprefixer por trakti CSS-vendistajn prefiksojn . Se vi kompilas Bootstrap el ĝia Less/Sass-fonto kaj ne uzas nian Gruntfile, vi devos mem integri Autoprefixer en vian konstruprocezon. Se vi uzas antaŭkompilitan Bootstrap aŭ ni uzas nian Gruntfile, vi ne bezonas zorgi pri tio ĉar Aŭtomata prefiksilo jam estas integrita en nia Gruntfile.
Bootstrap estas elŝutebla en du formoj, ene de kiuj vi trovos la sekvajn dosierujojn kaj dosierojn, logike grupigante komunajn rimedojn kaj disponigante kaj kompilitajn kaj minigitajn variaĵojn.
Bonvolu noti, ke ĉiuj JavaScript-kromaĵoj postulas jQuery esti inkluzivita, kiel montrite en la komenca ŝablono . Konsultu nianbower.json
por vidi kiuj versioj de jQuery estas subtenataj.
Post elŝuto, malzipu la kunpremitan dosierujon por vidi la strukturon de (la kompilita) Bootstrap. Vi vidos ion tian:
Ĉi tiu estas la plej baza formo de Bootstrap: antaŭkompilitaj dosieroj por rapida uzokutimo en preskaŭ ajna retejo-projekto. Ni provizas kompilitajn CSS kaj JS ( bootstrap.*
), same kiel kompilitajn kaj minigitajn CSS kaj JS ( bootstrap.min.*
). CSS - fontmapoj ( bootstrap.*.map
) estas haveblaj por uzado kun certaj retumiloj ellaboraj iloj. Tiparoj de Glyphicons estas inkluzivitaj, same kiel la laŭvola Bootstrap-temo.
La elŝuto de fontkodo de Bootstrap inkluzivas la antaŭkompilitajn CSS, JavaScript kaj tiparaktivaĵojn, kune kun fonto Less, JavaScript kaj dokumentadon. Pli specife, ĝi inkluzivas la jenajn kaj pli:
La less/
, js/
, kaj fonts/
estas la fontkodo por niaj CSS, JS kaj ikontiparoj (respektive). La dist/
dosierujo inkluzivas ĉion listigitan en la antaŭkompilita elŝuta sekcio supre. La docs/
dosierujo inkluzivas la fontkodon por nia dokumentado, kaj examples/
pri Bootstrap-uzado. Preter tio, ajna alia inkluzivita dosiero provizas subtenon por pakaĵoj, licencaj informoj kaj disvolviĝo.
Bootstrap uzas Grunt por sia konstrusistemo, kun oportunaj metodoj por labori kun la kadro. Tiel ni kompilas nian kodon, rulas testojn kaj pli.
Por instali Grunt, vi unue devas elŝuti kaj instali node.js (kiu inkluzivas npm). npm signifas nodaj pakitaj moduloj kaj estas maniero administri evoluajn dependecojn per node.js.
Tiam, de la komandlinio:grunt-cli
tutmonde kun npm install -g grunt-cli
./bootstrap/
dosierujo, poste rulu npm install
. npm rigardos la package.json
dosieron kaj aŭtomate instalos la necesajn lokajn dependecojn listigitajn tie.Kiam vi komplete, vi povos ruli la diversajn Grunt-komandojn provizitajn de la komandlinio.
grunt dist
(Nur kompilu CSS kaj JavaScript)Regeneras la /dist/
dosierujon kun kompilitaj kaj minigitaj CSS kaj JavaScript-dosieroj. Kiel Bootstrap-uzanto, ĉi tio kutime estas la komando, kiun vi volas.
grunt watch
(Rigardu)Rigardas la Less fontdosierojn kaj aŭtomate rekompilas ilin al CSS kiam ajn vi konservas ŝanĝon.
grunt test
(Kuru testoj)Rulas JSHint kaj ruligas la QUnit- testojn en realaj retumiloj danke al Karma .
grunt docs
(Konstruu kaj testi la aktivaĵojn de dokumentoj)Konstruas kaj testas CSS, JavaScript kaj aliajn aktivaĵojn, kiuj estas uzataj dum rulado de la dokumentaro loke per bundle exec jekyll serve
.
grunt
(Konstruu absolute ĉion kaj faru testojn)Kompilas kaj malgrandigas CSS kaj JavaScript, konstruas la dokumentarretejon, funkciigas la validigilon HTML5 kontraŭ la dokumentoj, regeneras la aktivaĵojn de Customizer kaj pli. Postulas Jekyll . Kutime nur necesas se vi piratas Bootstrap mem.
Se vi renkontas problemojn pri instalado de dependecoj aŭ rulado de Grunt-komandoj, unue forigu la /node_modules/
dosierujon generitan de npm. Poste, rerulu npm install
.
Komencu kun ĉi tiu baza HTML-ŝablono, aŭ modifi ĉi tiujn ekzemplojn . Ni esperas, ke vi personigos niajn ŝablonojn kaj ekzemplojn, adaptante ilin laŭ viaj bezonoj.
Kopiu la HTML sube por komenci labori kun minimuma Bootstrap-dokumento.
Konstruu sur la baza ŝablono supre kun la multaj komponantoj de Bootstrap. Ni kuraĝigas vin personecigi kaj adapti Bootstrap laŭ la bezonoj de via individua projekto.
Akiru la fontkodon por ĉiu ekzemplo sube elŝutante la deponejon Bootstrap . Ekzemploj troviĝas en la docs/examples/
dosierujo.
Bootlint estas la oficiala Bootstrap HTML -linter- ilo. Ĝi aŭtomate kontrolas plurajn oftajn HTML-erarojn en retpaĝoj kiuj uzas Bootstrap en sufiĉe "vanila" maniero. La komponantoj/fenestaĵoj de Vanilla Bootstrap postulas, ke iliaj partoj de la DOM konformiĝu al certaj strukturoj. Bootlint kontrolas, ke okazoj de Bootstrap-komponentoj havas ĝuste strukturitan HTML-on. Konsideru aldoni Bootlint al via Bootstrap-reto-disvolva ilaro por ke neniu el la oftaj eraroj bremsi la disvolviĝon de via projekto.
Restu ĝisdatigita pri la disvolviĝo de Bootstrap kaj kontaktu la komunumon per ĉi tiuj helpemaj rimedoj.
irc.freenode.net
servilo, en la ##bootstrap kanalo .twitter-bootstrap-3
.bootstrap
ĉe pakaĵoj, kiuj modifas aŭ aldonas al la funkcioj de Bootstrap dum distribuado per npm aŭ similaj liveraj mekanismoj por maksimuma malkovro.Vi ankaŭ povas sekvi @getbootstrap en Twitter por la plej novaj klaĉoj kaj mirindaj muzikfilmetoj.
Bootstrap aŭtomate adaptas viajn paĝojn por diversaj ekrangrandoj. Jen kiel malŝalti ĉi tiun funkcion por ke via paĝo funkciu kiel ĉi tiu nerespondema ekzemplo .
<meta>
menciitan en la CSS-dokumentojwidth
sur la .container
por ĉiu krada nivelo kun ununura larĝo, ekzemple width: 970px !important;
Certiĝu, ke ĉi tio venas post la defaŭlta Bootstrap CSS. Vi povas laŭvole eviti la !important
kun amaskomunikiloj demandoj aŭ iu elektilo-fu..col-xs-*
klasojn aldone al aŭ anstataŭe de la mezaj/grandaj. Ne maltrankviliĝu, la ekstra-malgranda aparato krado skalas al ĉiuj rezolucioj.Vi ankoraŭ bezonos Respond.js por IE8 (ĉar niaj amaskomunikiloj ankoraŭ estas tie kaj devas esti prilaboritaj). Ĉi tio malŝaltas la "poŝtelefonajn" aspektojn de Bootstrap.
Ni aplikis ĉi tiujn paŝojn al ekzemplo. Legu ĝian fontkodon por vidi la specifajn ŝanĝojn efektivigitajn.
Ĉu vi volas migri de pli malnova versio de Bootstrap al v3.x? Rigardu nian migradgvidilon .
Bootstrap estas konstruita por funkcii plej bone en la plej novaj labortablaj kaj moveblaj retumiloj, tio signifas, ke pli malnovaj retumiloj povus montri malsame stilitajn, kvankam plene funkciajn, bildigojn de iuj komponantoj.
Specife, ni subtenas la plej novajn versiojn de la sekvaj retumiloj kaj platformoj.
Alternativaj retumiloj kiuj uzas la lastan version de WebKit, Blink aŭ Gecko, ĉu rekte aŭ per la interreta API de la platformo, ne estas eksplicite subtenataj. Tamen, Bootstrap devus (en la plej multaj kazoj) montri kaj funkcii ĝuste en ĉi tiuj retumiloj ankaŭ. Pli specifaj subtenaj informoj estas provizitaj sube.
Ĝenerale, Bootstrap subtenas la plej novajn versiojn de la defaŭltaj retumiloj de ĉiu ĉefa platformo. Notu, ke prokuriloj (kiel Opera Mini, la Turbo-reĝimo de Opera Mobile, UC Browser Mini, Amazon Silk) ne estas subtenataj.
Chrome | Fajrovulpo | Safaro | |
---|---|---|---|
Androido | Subtenita | Subtenita | N/A |
iOS | Subtenita | Subtenita | Subtenita |
Simile, la plej novaj versioj de la plej multaj labortablaj retumiloj estas subtenataj.
Chrome | Fajrovulpo | interreta Esploristo | Opero | Safaro | |
---|---|---|---|---|---|
Makintoŝo | Subtenita | Subtenita | N/A | Subtenita | Subtenita |
Vindozo | Subtenita | Subtenita | Subtenita | Subtenita | Ne subtenata |
En Vindozo, ni subtenas Internet Explorer 8-11 .
Por Fajrovulpo, aldone al la plej nova normala stabila eldono, ni ankaŭ subtenas la lastan Plilongigitan Subtenan Liberigon (ESR) version de Fajrovulpo.
Neoficiale, Bootstrap devus aspekti kaj konduti sufiĉe bone en Chromium kaj Chrome por Linukso, Firefox por Linukso, kaj Internet Explorer 7, same kiel Microsoft Edge, kvankam ili ne estas oficiale subtenataj.
Por listo de iuj el la retumiloj, kiujn Bootstrap devas trakti, vidu nian Muron de retumiloj .
Interreto Explorer 8 kaj 9 ankaŭ estas subtenataj, tamen bonvolu konscii, ke iuj CSS3-ecoj kaj HTML5-elementoj ne estas plene subtenataj de ĉi tiuj retumiloj. Krome, Interreta Esploristo 8 postulas la uzon de Respond.js por ebligi amaskomunikilajn demandojn.
Karakterizaĵo | Interreta Esploristo 8 | Interreta Esploristo 9 |
---|---|---|
border-radius |
Ne subtenata | Subtenita |
box-shadow |
Ne subtenata | Subtenita |
transform |
Ne subtenata | Subtenata, kun -ms prefikso |
transition |
Ne subtenata | |
placeholder |
Ne subtenata |
Vizitu Ĉu mi povas uzi... por detaloj pri retumila subteno de CSS3 kaj HTML5-funkcioj.
Atentu la sekvajn avertojn kiam vi uzas Respond.js en viaj evoluaj kaj produktadmedioj por Internet Explorer 8.
Uzi Respond.js kun CSS gastigita sur malsama (sub)domajno (ekzemple, sur CDN) postulas iun aldonan agordon. Vidu la dokumentojn de Respond.js por detaloj.
file://
Pro retumiloj sekurecaj reguloj, Respond.js ne funkcias kun paĝoj rigardataj per la file://
protokolo (kiel kiam oni malfermas lokan HTML-dosieron). Por testi respondemajn funkciojn en IE8, rigardu viajn paĝojn per HTTP(S). Vidu la dokumentojn de Respond.js por detaloj.
@import
Respond.js ne funkcias kun CSS, kiu estas referencita per @import
. Aparte, iuj Drupalaj agordoj povas uzi @import
. Vidu la dokumentojn de Respond.js por detaloj.
IE8 ne plene subtenas box-sizing: border-box;
kiam kombinite kun min-width
, max-width
, min-height
, aŭ max-height
. Tial, ekde v3.0.1, ni ne plu uzas max-width
sur .container
s.
IE8 havas kelkajn problemojn kun @font-face
kiam kombinite kun :before
. Bootstrap uzas tiun kombinaĵon kun siaj Glifikonoj. Se paĝo estas konservita en kaŝmemoro kaj ŝarĝita sen la muso super la fenestro (t.e. premu la butonon de refreŝigo aŭ ŝargi ion en iframo) tiam la paĝo estas bildigita antaŭ ol la tiparo ŝargas. Ŝvebi super la paĝo (korpo) montros kelkajn el la ikonoj kaj ŝvebi super la ceteraj ikonoj montros ankaŭ tiujn. Vidu numeron #13863 por detaloj.
Bootstrap ne estas subtenata en la malnovaj kongruaj reĝimoj de Interreto Explorer. Por certigi, ke vi uzas la plej novan bildigan reĝimon por IE, konsideru inkluzivi la taŭgan <meta>
etikedon en viaj paĝoj:
Konfirmu la dokumentreĝimon malfermante la elpurigajn ilojn: premu F12kaj kontrolu la "Dokumentreĝimon".
Ĉi tiu etikedo estas inkluzivita en la tuta dokumentado kaj ekzemploj de Bootstrap por certigi la plej bonan bildigon ebla en ĉiu subtenata versio de Internet Explorer.
Vidu ĉi tiun StackOverflow demandon por pliaj informoj.
Interreta Esploristo 10 ne diferencas larĝon de aparato de larĝo de vidfenestro , kaj tiel ne taŭge aplikas la amaskomunikilajn demandojn en CSS de Bootstrap. Kutime vi simple aldonus rapidan fragmenton de CSS por ripari ĉi tion:
Tamen ĉi tio ne funkcias por aparatoj kun versioj de Windows Phone 8 pli malnovaj ol Ĝisdatigo 3 (alinome GDR3) , ĉar ĝi igas tiajn aparatojn montri plejparte labortablan vidon anstataŭ mallarĝan "telefonan" vidon. Por trakti ĉi tion, vi devos inkluzivi la sekvajn CSS kaj JavaScript por ĉirkaŭlabori la cimon .
Por pliaj informoj kaj uzado-gvidlinioj, legu Windows Phone 8 kaj Device-Width .
Kiel atentigo, ni inkluzivas ĉi tion en la tuta dokumentado kaj ekzemploj de Bootstrap kiel pruvo.
La bildiga motoro de versioj de Safaro antaŭ v7.1 por OS X kaj Safaro por iOS v8.0 havis iujn problemojn kun la nombro da decimalaj lokoj uzataj en niaj .col-*-1
kradaj klasoj. Do se vi havus 12 individuajn kradkolumnojn, vi rimarkus, ke ili mallonge kompare kun aliaj vicoj de kolumnoj. Krom ĝisdatigi Safari/iOS, vi havas kelkajn eblojn por solvoj:
.pull-right
al via lasta krada kolumno por akiri la malmolan dekstran vicigonSubteno por overflow: hidden
la <body>
elemento estas sufiĉe limigita en iOS kaj Android. Tiucele, kiam vi rulumas preter la supro aŭ malsupro de modalo en iu el tiuj aparatoj retumiloj, la <body>
enhavo komencos ruliĝi. Vidu Chrome-cimon #175502 (korektita en Chrome v40) kaj WebKit-cimon #153852 .
Ekde iOS 9.3, dum modalo estas malfermita, se la komenca tuŝo de rula gesto estas ene de la limo de teksta <input>
aŭ <textarea>
, la <body>
enhavo sub la modalo estos rulita anstataŭ la modalo mem. Vidu WebKit-cimon #153856 .
Ankaŭ, notu, ke se vi uzas fiksan navbaron aŭ uzas enigojn ene de modalo, iOS havas bildigan cimon, kiu ne ĝisdatigas la pozicion de fiksaj elementoj kiam la virtuala klavaro estas ekigita. Kelkaj solvoj por ĉi tio inkluzivas transformi viajn elementojn al position: absolute
aŭ alvoki tempigilon pri fokuso por provi korekti la poziciigon permane. Ĉi tio ne estas pritraktata de Bootstrap, do dependas de vi decidi, kiu solvo estas plej bona por via aplikaĵo.
La .dropdown-backdrop
elemento ne estas uzata en iOS en la navigado pro la komplekseco de z-indeksado. Tiel, por fermi falmenuojn en navbaroj, vi devas rekte alklaki la falmenuman elementon (aŭ ajnan alian elementon, kiu lanĉos klakan eventon en iOS ).
Paĝa zomado neeviteble prezentas bildigajn artefaktojn en iuj komponantoj, kaj en Bootstrap kaj la resto de la reto. Depende de la problemo, ni eble povos ripari ĝin (serĉu unue kaj poste malfermu problemon se necese). Tamen ni emas ignori ĉi tiujn, ĉar ili ofte ne havas rektan solvon krom hakaj solvoj.
:hover
/ :focus
sur poŝtelefonoKvankam vera ŝvebado ne eblas sur la plej multaj tuŝekranoj, la plej multaj moveblaj retumiloj imitas ŝveban subtenon kaj faras :hover
"gluiĝema". Alivorte, :hover
stiloj komencas aplikiĝi post frapetado de elemento kaj nur ĉesas apliki post kiam la uzanto frapetas iun alian elementon. Ĉi tio povas kaŭzi, ke la statoj de Bootstrap :hover
fariĝas nedezireble "algluitaj" en tiaj retumiloj. Iuj moveblaj retumiloj ankaŭ faras :focus
simile gluecaj. Nuntempe ne ekzistas simpla solvo por ĉi tiuj problemoj krom forigi tute tiajn stilojn.
Eĉ en iuj modernaj retumiloj, presado povas esti stranga.
Aparte, ekde Chrome v32 kaj sendepende de marĝenaj agordoj, Chrome uzas larĝon de vidpunkto signife pli mallarĝa ol la fizika papera grandeco dum solvado de amaskomunikilaj demandoj dum presado de retpaĝo. Ĉi tio povas rezultigi, ke la ekstra-malgranda krado de Bootstrap estas neatendite aktivigita dum presado. Vidu numeron #12078 kaj Chrome-cimon #273306 por kelkaj detaloj. Sugestaj solvoj:
@screen-*
Malpli variabloj por ke via presila papero estu konsiderata pli granda ol ekstra-malgranda.Ankaŭ, ekde Safaro v8.0, fiks-larĝaj .container
s povas igi Safaron uzi nekutime malgrandan tiparon dum presado. Vidu #14868 kaj WebKit-cimon #138192 por pliaj detaloj. Unu ebla solvo por ĉi tio estas aldoni la sekvan CSS:
Ekstere de la skatolo, Android 4.1 (kaj eĉ kelkaj pli novaj eldonoj ŝajne) ekspediĝas kun la Foliumilo kiel la defaŭlta retumilo elektita (kontraste al Chrome). Bedaŭrinde, la Foliumilo havas multajn erarojn kaj nekongruojn kun CSS ĝenerale.
Sur <select>
elementoj, la Android-akcia retumilo ne montros la flankajn kontrolojn se estas border-radius
kaj/aŭ border
aplikata. (Vidu ĉi tiun StackOverflow demandon por detaloj.) Uzu la malsupran kodon fragmenton por forigi la ofendan CSS kaj prezenti la <select>
kiel senstilan elementon en la Android-akcia retumilo. La uzantagento snufado evitas enmiksiĝon kun Chrome, Safari, kaj Mozilla retumiloj.
Ĉu vi volas vidi ekzemplon? Rigardu ĉi tiun JS Bin-demonstron.
Por provizi la plej bonan eblan sperton al malnovaj kaj fuŝaj retumiloj, Bootstrap uzas CSS-retumilon en pluraj lokoj por celi specialajn CSS al certaj foliumilaj versioj por solvi cimojn en la retumiloj mem. Ĉi tiuj hakoj kompreneble kaŭzas CSS-validigilojn plendi ke ili estas nevalidaj. En kelkaj lokoj, ni ankaŭ uzas antaŭajn CSS-funkciojn, kiuj ankoraŭ ne estas plene normigitaj, sed ĉi tiuj estas uzataj nur por progresema plibonigo.
Ĉi tiuj validaj avertoj ne gravas en la praktiko ĉar la ne-haka parto de nia CSS plene validas kaj la hakaj partoj ne malhelpas la ĝustan funkciadon de la ne-haka parto, tial ni intence ignoras ĉi tiujn apartajn avertojn.
Niaj HTML-dokumentoj ankaŭ havas kelkajn bagatelajn kaj sensignifajn HTML-validigajn avertojn pro nia inkludo de solvo por certa Firefox-cimo .
Kvankam ni oficiale ne subtenas triajn kromaĵojn aŭ aldonaĵojn, ni proponas iujn utilajn konsilojn por helpi eviti eblajn problemojn en viaj projektoj.
Iuj triapartneraj programaroj, inkluzive de Google Maps kaj Google Custom Search Engine, konfliktas kun Bootstrap pro * { box-sizing: border-box; }
, regulo kiu igas ĝin tiel padding
ne influas la finan kalkulitan larĝon de elemento. Lernu pli pri kestomodelo kaj grandeco ĉe CSS-Trukoj .
Depende de la kunteksto, vi povas anstataŭi laŭbezone (Opcio 1) aŭ restarigi la skatolon-grandecon por tutaj regionoj (Opcio 2).
Bootstrap sekvas komunajn interretajn normojn kaj—kun minimuma ekstra peno—povas esti uzata por krei retejojn, kiuj estas alireblaj por tiuj, kiuj uzas AT .
Se via navigado enhavas multajn ligilojn kaj venas antaŭ la ĉefa enhavo en la DOM, aldonu Skip to main content
ligilon antaŭ la navigado (por simpla klarigo, vidu ĉi tiun artikolon de A11Y Project pri salti navigaciajn ligilojn ). Uzado de la .sr-only
klaso videble kaŝos la skip-ligilon, kaj la .sr-only-focusable
klaso certigos, ke la ligilo iĝas videbla post kiam fokusita (por vidantaj klavaruzantoj).
Pro longdaŭraj mankoj/cimoj en Chrome (vidu numeron 262171 en la Chromium cimspurilo ) kaj Interreta Esplorilo (vidu ĉi tiun artikolon pri enpaĝaj ligiloj kaj fokusa ordo ), vi devos certigi, ke la celo de via saltligo. estas almenaŭ programe fokusebla aldonante tabindex="-1"
.
Krome, vi eble volas eksplicite subpremi videblan fokusindikon sur la celo (precipe ĉar Chrome nuntempe ankaŭ fiksas fokuson sur elementoj kun tabindex="-1"
kiam ili estas klakitaj per la muso) per #content:focus { outline: none; }
.
Notu, ke ĉi tiu cimo ankaŭ influos iujn aliajn enpaĝajn ligilojn, kiujn via retejo povas uzi, senutiligante ilin por klavaruzantoj. Vi eble pripensos aldoni similan haltig-riparon al ĉiuj aliaj nomitaj ankroj / fragmentaj identigiloj, kiuj funkcias kiel ligaj celoj.
Dum nestado de titoloj ( <h1>
- <h6>
), via ĉefa dokumentkapo devus esti <h1>
. Postaj titoloj devus uzi logikan <h2>
- <h6>
tiel ke ekranlegiloj povu konstrui enhavtabelon por viaj paĝoj.
Lernu pli ĉe HTML CodeSniffer kaj AccessAbility de Penn State .
Nuntempe, kelkaj el la defaŭltaj kolorkombinaĵoj disponeblaj en Bootstrap (kiel ekzemple la diversaj stilitaj butonklasoj , kelkaj el la kodaj reliefaj koloroj uzataj por bazaj kodblokoj , la .bg-primary
kunteksta fona helpklaso, kaj la defaŭlta ligkoloro kiam uzata sur blanka fono) havas malaltan kontrastan proporcion (sub la rekomendita proporcio de 4.5:1 ). Ĉi tio povas kaŭzi problemojn al uzantoj kun malvidiĝo aŭ kiuj estas kolorblindaj. Ĉi tiuj defaŭltaj koloroj eble devas esti modifitaj por pliigi sian kontraston kaj legeblecon.
Bootstrap estas publikigita sub la MIT-licenco kaj estas kopirajto 2019 Twitter. Boligita al pli malgrandaj pecoj, ĝi povas esti priskribita kun la sekvaj kondiĉoj.
La plena Bootstrap-licenco troviĝas en la projekta deponejo por pliaj informoj.
Komunumaj membroj tradukis la dokumentaron de Bootstrap en diversajn lingvojn. Neniuj estas oficiale subtenataj kaj ili eble ne ĉiam estas ĝisdatigitaj.
Ni ne helpas organizi aŭ gastigi tradukojn, ni nur ligas al ili.
Ĉu vi finis novan aŭ pli bonan tradukon? Malfermu tiran peton por aldoni ĝin al nia listo.