Ufänken
En Iwwerbléck iwwer Bootstrap, wéi Dir eroflueden a benotzt, Basis Templates a Beispiller, a méi.
En Iwwerbléck iwwer Bootstrap, wéi Dir eroflueden a benotzt, Basis Templates a Beispiller, a méi.
Bootstrap (aktuell v3.3.7) huet e puer einfach Weeër fir séier unzefänken, jidderee lackelt op en anere Fäegkeetsniveau a Gebrauchsfall. Liest duerch fir ze kucken wat Äre Besoinen entsprécht.
Kompiléiert a minifizéiert CSS, JavaScript a Schrëften. Keng Dokumenter oder originell Quelldateien sinn abegraff.
Source Less, JavaScript, a Schrëftdateien, zesumme mat eisen Dokumenter. Erfuerdert e Less Compiler an e puer Setup.
Bootstrap portéiert vu manner op Sass fir einfach Inklusioun a Rails, Compass oder Sass-nëmme Projeten.
D'Leit iwwer jsDelivr bidden gnädeg CDN Ënnerstëtzung fir Bootstrap's CSS a JavaScript. Benotzt just dës Bootstrap CDN Linken.
Dir kënnt och Bootstrap's Less, CSS, JavaScript, a Schrëften mat Bower installéieren a verwalten :
Dir kënnt och Bootstrap mat npm installéieren :
require('bootstrap')
lued all Bootstrap's jQuery Plugins op den jQuery Objet. De bootstrap
Modul selwer exportéiert näischt. Dir kënnt Bootstrap's jQuery Plugins manuell individuell lueden andeems Dir d' /js/*.js
Dateien ënner dem Top-Level Verzeichnis vum Package lued.
Bootstrap's package.json
enthält e puer zousätzlech Metadaten ënner de folgende Schlësselen:
less
- Wee op d'Bootstrap Haaptmanner Quelldateistyle
- Wee op Bootstrap's net-minifizéiert CSS dee virkompiléiert gouf mat de Standardastellungen (keng Personnalisatioun)Dir kënnt och Bootstrap's Less, CSS, JavaScript, a Schrëften mat Composer installéieren a verwalten :
Bootstrap benotzt Autoprefixer fir mat CSS Verkeefer Präfixe ze këmmeren . Wann Dir Bootstrap aus senger Less / Sass Quell kompiléiert an eis Gruntfile net benotzt, musst Dir Autoprefixer selwer an Äre Bauprozess integréieren. Wann Dir prekompiléiert Bootstrap benotzt oder eis Gruntfile benotzt, musst Dir Iech keng Suergen doriwwer maachen, well Autoprefixer ass schonn an eiser Gruntfile integréiert.
Bootstrap ass an zwou Formen erofzelueden, an deenen Dir déi folgend Verzeichnisser a Dateien fannt, logesch gemeinsam Ressourcen gruppéiere a béid kompiléiert a minifizéiert Variatiounen ubidden.
Notéiert w.e.g. datt all JavaScript Plugins jQuery erfuerderen fir abegraff ze sinn, wéi an der Starter Schabloun gewisen . Consultéiert eisbower.json
fir ze kucken wéi eng Versioune vu jQuery ënnerstëtzt ginn.
Eemol erofgelueden, unzip de kompriméierten Dossier fir d'Struktur vum (de kompiléierten) Bootstrap ze gesinn. Dir gesitt esou eppes:
Dëst ass déi elementarst Form vu Bootstrap: virkompiléiert Dateie fir séier Drop-in Notzung a bal all Webprojet. Mir bidden kompiléiert CSS a JS ( bootstrap.*
), souwéi kompiléiert a minifizéiert CSS a JS ( bootstrap.min.*
). CSS Quell Kaarten ( bootstrap.*.map
) si verfügbar fir ze benotzen mat bestëmmte Browser Entwéckler Tools. Schrëfte vu Glyphicons sinn abegraff, sou wéi dat optional Bootstrap Thema.
De Bootstrap Quellcode Download enthält déi virkompiléiert CSS, JavaScript, a Schrëftverméigen, zesumme mat Quelle Manner, JavaScript, an Dokumentatioun. Méi spezifesch enthält et déi folgend a méi:
D' less/
, js/
, a fonts/
sinn de Quellcode fir eis CSS, JS, an Ikon Schrëften (respektiv). Den dist/
Dossier enthält alles wat an der virkompiléierter Downloadsektioun uewen opgezielt ass. Den docs/
Dossier enthält de Quellcode fir eis Dokumentatioun, a examples/
vun der Bootstrap Benotzung. Doriwwer eraus bitt all aner abegraff Datei Ënnerstëtzung fir Packagen, Lizenzinformatioun an Entwécklung.
Bootstrap benotzt Grunt fir säi Bausystem, mat praktesche Methoden fir mam Kader ze schaffen. Et ass wéi mir eise Code kompiléieren, Tester ausféieren, a méi.
Fir Grunt z'installéieren, musst Dir als éischt node.js eroflueden an installéieren (wat npm enthält). npm steet fir Node packed Moduler an ass e Wee fir Entwécklungsabhängegkeeten duerch node.js ze managen.
Dann, vun der Kommandozeil:grunt-cli
global mat npm install -g grunt-cli
./bootstrap/
Verzeichnis, da lafen npm install
. npm wäert d' package.json
Datei kucken an automatesch déi néideg lokal Ofhängegkeeten installéieren déi do opgelëscht sinn.Wann Dir fäerdeg sidd, kënnt Dir déi verschidde Grunt Kommandoen aus der Kommandozeil ausféieren.
grunt dist
(Kompiléiere just CSS a JavaScript)Regeneréiert den /dist/
Verzeechnes mat kompiléierten a minifizéierte CSS a JavaScript Dateien. Als Bootstrap Benotzer ass dëst normalerweis de Kommando deen Dir wëllt.
grunt watch
(Kuckt)Kuckt déi Manner Quelldateien a kompiléiert se automatesch op CSS wann Dir eng Ännerung späichert.
grunt test
(Tester lafen)Leeft JSHint a leeft d' QUnit Tester headlessly zu PhantomJS .
grunt docs
(Build & Test d'Dokumenter Verméigen)Baut a testt CSS, JavaScript, an aner Verméigen déi benotzt gi wann Dir d'Dokumentatioun lokal iwwer bundle exec jekyll serve
.
grunt
(Baut absolut alles a lafen Tester)Kompiléiert a miniméiert CSS a JavaScript, baut d'Dokumentatiounswebsäit, leeft den HTML5 Validator géint d'Dokumenter, regeneréiert d'Customizer Verméigen, a méi. Verlaangt Jekyll . Normalerweis nëmmen néideg wann Dir op Bootstrap selwer hackt.
Sollt Dir Probleemer mat Ofhängegkeeten installéieren oder Grunt Kommandoen ausféieren, läscht als éischt de /node_modules/
Verzeechnes generéiert vun npm. Dann, widderhuelen npm install
.
Fänkt mat dëser Basis HTML Schabloun un, oder ännert dës Beispiller . Mir hoffen, datt Dir eis Templates a Beispiller personaliséiere wäert, se un Äre Besoinen upassen.
Kopéiert den HTML hei ënnen fir mat engem minimale Bootstrap Dokument ze schaffen.
Baut op der Basis Schabloun uewen mat Bootstrap vill Komponenten. Mir encouragéieren Iech Bootstrap ze personaliséieren an unzepassen fir Ären individuellen Projet seng Bedierfnesser ze passen.
Kritt de Quellcode fir all Beispill hei ënnen andeems Dir de Bootstrap Repository erofluet . Beispiller kënnen am docs/examples/
Dossier fonnt ginn.
Erstellt eng personaliséiert Navbar mat gerechtfäerdegt Linken. Kapp erop! Net ze Safari frëndlech.
Einfach d'Responsabilitéit vum Bootstrap deaktivéieren per eis Dokumenter .
Bootlint ass den offiziellen Bootstrap HTML Linter Tool. Et kontrolléiert automatesch op verschidde gemeinsam HTML Feeler op Websäiten déi Bootstrap op eng zimlech "Vanille" Manéier benotzen. Vanilla Bootstrap Komponenten / Widgets erfuerderen hir Deeler vun der DOM fir bestëmmte Strukturen ze konforméieren. Bootlint kontrolléiert datt Instanzen vu Bootstrap Komponenten korrekt strukturéiert HTML hunn. Bedenkt d'Bootlint an Ärem Bootstrap Webentwécklungs-Toolchain ze addéieren sou datt keng vun den allgemenge Feeler d'Entwécklung vun Ärem Projet verlangsamen.
Bleift um Lafenden iwwer d'Entwécklung vu Bootstrap an erreecht d'Gemeinschaft mat dësen hëllefräichen Ressourcen.
irc.freenode.net
Server, am ##bootstrap Kanal .twitter-bootstrap-3
.bootstrap
op Packagen benotzen déi d'Funktionalitéit vum Bootstrap änneren oder addéieren wann se duerch npm oder ähnlech Liwwermechanismen verdeelen fir maximal Entdeckbarkeet.Dir kënnt och @getbootstrap op Twitter verfollegen fir déi lescht Klatsch an genial Museksvideoen.
Bootstrap passt automatesch Är Säite fir verschidde Bildschirmgréissten un. Hei ass wéi Dir dës Fonktioun deaktivéiert sou datt Är Säit funktionnéiert wéi dëst net-reaktiounsfäeger Beispill .
<meta>
ernimmt an den CSS Dokumenterwidth
op der .container
fir all Gitter Tier mat enger eenzeger Breet, zum Beispill width: 970px !important;
Gitt sécher datt dëst no der Standard Bootstrap CSS kënnt. Dir kënnt optional !important
mat Medienufroen oder e puer Selektor-Fu vermeiden..col-xs-*
Klassen zousätzlech zu oder amplaz vun de mëttel / grouss. Maacht Iech keng Suergen, den extra-klengen Apparatraster skaléiert op all Resolutiounen.Dir braucht nach ëmmer Respond.js fir IE8 (well eis Medienufroen nach ëmmer do sinn a musse veraarbecht ginn). Dëst deaktivéiert de "mobile Site" Aspekter vum Bootstrap.
Mir hunn dës Schrëtt op e Beispill applizéiert. Liest säi Quellcode fir déi spezifesch Ännerungen ze gesinn déi ëmgesat goufen.
Sicht Dir vun enger aler Versioun vu Bootstrap op v3.x ze migréieren? Kuckt eis Migratiounsguide .
Bootstrap ass gebaut fir am beschten an de leschten Desktop- a mobilen Browser ze schaffen, dat heescht eeler Browser kënnen ënnerschiddlech stylesch, awer voll funktionell, Rendering vu bestëmmte Komponenten weisen.
Speziell ënnerstëtzen mir déi lescht Versioune vun de folgende Browser a Plattformen.
Alternativ Browser déi déi lescht Versioun vu WebKit, Blink oder Gecko benotzen, egal ob direkt oder iwwer d'Webview API vun der Plattform, ginn net explizit ënnerstëtzt. Wéi och ëmmer, Bootstrap soll (an de meeschte Fäll) och an dëse Browser korrekt affichéieren a funktionnéieren. Méi spezifesch Ënnerstëtzungsinformatioun gëtt hei ënnen geliwwert.
Allgemeng ënnerstëtzt Bootstrap déi lescht Versioune vun de Standardbrowser vun all grousse Plattform. Bedenkt datt Proxy Browser (wéi Opera Mini, Opera Mobile's Turbo Modus, UC Browser Mini, Amazon Silk) net ënnerstëtzt ginn.
Chrome | Firefox | Safari | |
---|---|---|---|
Android | Ënnerstëtzt | Ënnerstëtzt | N/A |
iOS | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt |
Ähnlech ginn déi lescht Versioune vun de meescht Desktop-Browser ënnerstëtzt.
Chrome | Firefox | Internet Explorer | Oper | Safari | |
---|---|---|---|---|---|
Mac | Ënnerstëtzt | Ënnerstëtzt | N/A | Ënnerstëtzt | Ënnerstëtzt |
Windows | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt | Net ënnerstëtzt |
Op Windows ënnerstëtzen mir Internet Explorer 8-11 .
Fir Firefox, zousätzlech zu der leschter normaler stabiler Verëffentlechung, ënnerstëtzen mir och déi lescht Extended Support Release (ESR) Versioun vu Firefox.
Inoffiziell sollt Bootstrap gutt genuch ausgesinn a behuelen a Chromium a Chrome fir Linux, Firefox fir Linux, an Internet Explorer 7, souwéi Microsoft Edge, obwuel se net offiziell ënnerstëtzt ginn.
Fir eng Lëscht vun e puer vun de Browser Käfere mat deem Bootstrap ze kämpfen huet, kuckt eis Wall of Browser Bugs .
Internet Explorer 8 an 9 ginn och ënnerstëtzt, awer w.e.g. bewosst datt e puer CSS3 Eegeschaften an HTML5 Elementer net voll vun dëse Browser ënnerstëtzt ginn. Zousätzlech erfuerdert Internet Explorer 8 d'Benotzung vu Respond.js fir d'Media Query Support z'aktivéieren.
Fonktioun | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Net ënnerstëtzt | Ënnerstëtzt |
box-shadow |
Net ënnerstëtzt | Ënnerstëtzt |
transform |
Net ënnerstëtzt | Ënnerstëtzt, mat -ms Präfix |
transition |
Net ënnerstëtzt | |
placeholder |
Net ënnerstëtzt |
Besicht Kann ech benotzen ... fir Detailer iwwer Browser Ënnerstëtzung vun CSS3 an HTML5 Funktiounen.
Opgepasst op déi folgend Virwarnungen wann Dir Respond.js an Ären Entwécklungs- a Produktiounsëmfeld fir Internet Explorer 8 benotzt.
Benotzen Respond.js mat CSS gehost op engem aneren (Sub) Domain (zum Beispill, op engem CDN) erfuerdert e puer zousätzlech Setup. Kuckt d'Respond.js Dokumenter fir Detailer.
file://
Wéinst Browser Sécherheetsregelen funktionnéiert Respond.js net mat Säiten déi iwwer de file://
Protokoll gekuckt ginn (wéi wann Dir eng lokal HTML Datei opmaacht). Fir reaktiounsfäeger Funktiounen am IE8 ze testen, kuckt Är Säiten iwwer HTTP(S). Kuckt d'Respond.js Dokumenter fir Detailer.
@import
Respond.js funktionéiert net mat CSS déi iwwer referenzéiert ass @import
. Besonnesch sinn e puer Drupal Konfiguratiounen bekannt fir ze benotzen @import
. Kuckt d'Respond.js Dokumenter fir Detailer.
IE8 ënnerstëtzt net voll box-sizing: border-box;
wann se kombinéiert mat min-width
, max-width
, min-height
, oder max-height
. Aus deem Grond, wéi vun v3.0.1, benotzen mir net méi max-width
op .container
s.
IE8 huet e puer Problemer mat @font-face
wann kombinéiert mat :before
. Bootstrap benotzt dës Kombinatioun mat senge Glyphicons. Wann eng Säit cache ass, an ouni d'Maus iwwer d'Fënster gelueden ass (dh op den Update Knäppchen dréckt oder eppes an engem iframe lued) da gëtt d'Säit rendered ier d'Schrëft lued. Hovering iwwer d'Säit (Kierper) wäert e puer vun den Ikonen weisen an iwwer déi verbleiwen Ikonen hänken déi och. Gesinn Thema #13863 fir Detailer.
Bootstrap gëtt net an den alen Internet Explorer Kompatibilitéitsmodi ënnerstëtzt. Fir sécher ze sinn datt Dir den neiste Renderingmodus fir IE benotzt, betruecht de passenden <meta>
Tag an Äre Säiten:
Bestätegt den Dokumentmodus andeems Dir d'Debugging-Tools opmaacht: Press F12a kontrolléiert den "Dokumentmodus".
Dësen Tag ass an all Bootstrap Dokumentatioun a Beispiller abegraff fir déi bescht Rendering méiglech an all ënnerstëtzt Versioun vum Internet Explorer ze garantéieren.
Gesinn dës StackOverflow Fro fir méi Informatiounen.
Internet Explorer 10 differenzéiert net Apparat Breet vun Viewport Breet , an dofir gëllen d'Medien Ufroen net richteg an Bootstrap d'CSS. Normalerweis géift Dir just e schnelle Snippet vun CSS derbäi fir dëst ze fixéieren:
Wéi och ëmmer, dëst funktionnéiert net fir Apparater déi Windows Phone 8 Versioune méi al wéi Update 3 (alias GDR3) lafen , well et verursaacht datt esou Apparater eng meeschtens Desktop-Vue weisen anstatt eng schmuel "Telefon" Vue. Fir dëst unzegoen, musst Dir déi folgend CSS an JavaScript enthalen fir ronderëm de Feeler ze schaffen .
Fir méi Informatiounen a Gebrauch Richtlinnen, liesen Windows Telefon 8 an Apparat-Breet .
Als Heads up, mir enthalen dëst an all Bootstrap Dokumentatioun a Beispiller als Demonstratioun.
De Renderingmotor vu Versioune vu Safari virum v7.1 fir OS X a Safari fir iOS v8.0 hat e puer Probleemer mat der Unzuel vun Dezimalplazen, déi an eise .col-*-1
Gitterklassen benotzt goufen. Also wann Dir 12 eenzel Raster Sailen hutt, géift Dir feststellen datt se kuerz opkomm sinn am Verglach mat anere Sailen Reihen. Nieft dem Upgrade vun Safari / iOS, hutt Dir e puer Optiounen fir Léisungen:
.pull-right
op Är lescht Gitterkolonne fir déi haart-riets Ausrichtung ze kréienËnnerstëtzung fir overflow: hidden
op d' <body>
Element ass zimlech limitéiert op iOS an Android. Zu dësem Zweck, wann Dir laanscht den Top oder ënnen vun engem Modal an engem vun dësen Apparater Browser scrollt, fänkt den <body>
Inhalt un ze scrollen. Kuckt de Chrome Bug #175502 (fix am Chrome v40) a WebKit Bug #153852 .
Zënter iOS 9.3, wärend e Modal op ass, wann den initialen Touch vun engem Scrollgeste bannent der Grenz vun engem Text <input>
oder engem <textarea>
, gëtt den <body>
Inhalt ënner dem Modal gerullt amplaz vum Modal selwer. Kuckt WebKit Käfer #153856 .
Notéiert och datt wann Dir eng fix Navbar benotzt oder Inputen an engem Modal benotzt, iOS huet e Rendering-Bug deen d'Positioun vu fixen Elementer net aktualiséieren wann déi virtuell Tastatur ausgeléist gëtt. E puer Léisunge fir dëst enthalen d'Transformatioun vun Ären Elementer op position: absolute
oder en Timer op de Fokus ze ruffen fir ze probéieren d'Positionéierung manuell ze korrigéieren. Dëst gëtt net vu Bootstrap gehandhabt, also ass et un Iech fir ze entscheeden wéi eng Léisung am Beschten fir Är Applikatioun ass.
D' .dropdown-backdrop
Element gëtt net op iOS am nav benotzt wéinst der Komplexitéit vun der z-Indexéierung. Also, fir Dropdowns an Navbars zouzemaachen, musst Dir direkt op d'Dropdown-Element klickt (oder all aner Element, deen e Klick-Event am iOS brennt ).
Säit Zooming präsentéiert zwangsleefeg Rendering Artefakte an e puer Komponenten, souwuel am Bootstrap wéi och am Rescht vum Internet. Ofhängeg vum Problem, kënne mir et vläicht fixéieren (fir d'éischt sichen an dann en Thema opmaachen wann néideg). Wéi och ëmmer, mir tendéieren dës ze ignoréieren well se dacks keng direkt Léisung hunn ausser hacky Léisungen.
:hover
/ :focus
op HandyOch wann richteg Schweef op de meeschte Touchscreens net méiglech ass, emuléieren déi meescht mobil Browser d'Hovering Support a maachen :hover
"klebig". An anere Wierder, :hover
Stiler fänken un ze gëllen nodeems Dir en Element tippt a stoppen nëmmen opzemaachen nodeems de Benotzer en anert Element tippt. Dëst kann dozou féieren datt d' :hover
Staaten vum Bootstrap onerwënscht op esou Browser "hänken". E puer mobil Browser maachen och :focus
ähnlech plakeg. Et gëtt de Moment keng einfach Léisung fir dës Themen ausser esou Stiler komplett ze läschen.
Och an e puer modernen Browser kann Dréckerei sprëtzeg sinn.
Besonnesch, wéi vu Chrome v32 an onofhängeg vun Margin-Astellungen, benotzt Chrome eng Viewport Breet wesentlech méi schmuel wéi déi kierperlech Pabeiergréisst wann Dir Medienufroen léist beim Drock vun enger Websäit. Dëst kann dozou féieren datt dem Bootstrap säin extra-klenge Gitter onerwaart aktivéiert gëtt beim Drock. Kuckt d'Ausgab #12078 a Chrome Bug #273306 fir e puer Detailer. Virgeschloe Léisunge:
@screen-*
Manner Variabelen un, sou datt Äert Dréckerpabeier méi grouss wéi extra-kleng ugesi gëtt.Och, wéi vun Safari v8.0, fix-Breet .container
s kann Ursaach Safari eng ongewéinlech kleng Schrëftgréisst benotzt wann Dréckerei. Kuckt #14868 a WebKit Käfer #138192 fir méi Detailer. Eng potenziell Léisung fir dëst ass déi folgend CSS derbäi:
Aus der Këscht, Android 4.1 (a souguer e puer méi nei Verëffentlechungen anscheinend) schéckt mat der Browser App als Standard Webbrowser vun der Wiel (am Géigesaz zu Chrome). Leider huet d'Browser App vill Bugs an Inkonsistenz mat CSS am Allgemengen.
Op <select>
Elementer weist den Android Aktiebrowser d'Säitkontrolle net wann et eng border-radius
an / oder border
applizéiert gëtt. (Kuckt dës StackOverflow Fro fir Detailer.) Benotzt d'Snippet vum Code hei ënnen fir déi beleidegend CSS ze läschen an <select>
als onstiléiert Element am Android Aktiebrowser ze maachen. De Benotzer Agent snifft vermeit Interferenz mat Chrome, Safari a Mozilla Browser.
Wëllt Dir e Beispill gesinn? Préift dës JS Bin Demo.
Fir déi bescht méiglech Erfahrung fir al a buggy Browser ze bidden, benotzt Bootstrap CSS Browser Hacks op verschiddene Plazen fir speziell CSS op bestëmmte Browser Versiounen ze zielen fir Bugs an de Browser selwer ëmzegoen. Dës Hacks verursaachen verständlech datt CSS Valideuren beschwéieren datt se ongëlteg sinn. Op e puer Plazen benotze mir och bluddeg-Rand CSS Features déi nach net voll standardiséiert sinn, awer dës gi reng fir progressiv Verbesserung benotzt.
Dës Validatiounswarnunge sinn an der Praxis egal well den net-hacky Deel vun eiser CSS voll validéiert an déi hacky Portiounen stéieren net mat der richteger Funktioun vum net-hacky Deel, dofir firwat mir dës speziell Warnungen bewosst ignoréieren.
Eis HTML Dokumenter hunn och e puer trivial an onkonsequent HTML Validatioun Warnungen wéinst eiser Inklusioun vun enger Léisung fir e bestëmmte Firefox Käfer .
Och wa mir keng Drëtt Partei Plugins oder Add-ons offiziell ënnerstëtzen, bidde mir e puer nëtzlech Rotschléi fir potenziell Themen an Äre Projeten ze vermeiden.
E puer Drëtt Partei Software, dorënner Google Maps a Google Custom Search Engine, Konflikt mat Bootstrap wéinst * { box-sizing: border-box; }
, eng Regel déi et esou padding
mécht beaflosst net déi lescht berechnen Breet vun engem Element. Léiert méi iwwer Këschtmodell a Gréisst bei CSS Tricks .
Ofhängeg vum Kontext, kënnt Dir wéi néideg iwwerschreiden (Optioun 1) oder d'Këschtgréisst fir ganz Regiounen zrécksetzen (Optioun 2).
Bootstrap follegt gemeinsame Webnormen a - mat minimalem extra Effort - ka benotzt ginn fir Siten ze kreéieren déi zougänglech sinn fir déi déi AT benotzen .
Wann Är Navigatioun vill Linken enthält a virun den Haaptinhalt an der DOM kënnt, füügt e Skip to main content
Link virun der Navigatioun derbäi (fir eng einfach Erklärung, kuckt dësen A11Y Project Artikel iwwer Skip Navigatioun Linken ). D'Benotzung vun der .sr-only
Klass verstoppt de Spranglink visuell, an d' .sr-only-focusable
Klass suergt dofir datt de Link siichtbar gëtt eemol fokusséiert (fir gesinn Tastatur Benotzer).
Wéinst laangjärege Mängel / Käfere am Chrome (kuckt Ausgab 262171 am Chromium Bug Tracker ) an Internet Explorer (kuckt dësen Artikel iwwer In-page Links a Fokusuerdnung ), musst Dir sécher sinn datt d'Zil vun Ärem Spranglink ass op d'mannst programmatesch fokusséierbar andeems Dir tabindex="-1"
.
Zousätzlech wëllt Dir vläicht eng sichtbar Fokusindikatioun op d'Zil explizit ënnerdrécken (besonnesch well Chrome de Moment och de Fokus op Elementer setzt mat tabindex="-1"
wann se mat der Maus geklickt ginn) mat #content:focus { outline: none; }
.
Bedenkt datt dëse Feeler och all aner In-page Links beaflosst déi Äre Site benotzt, wat se nëtzlos mécht fir Tastatur Benotzer. Dir kënnt iwwerleeën eng ähnlech Stop-Lap Fix fir all aner benannt Anker / Fragment Identifizéierer ze addéieren déi als Linkziler handelen.
Wann Dir Rubriken nestéiert ( <h1>
- <h6>
), sollt Äre primäre Dokument Header en <h1>
. Spéider Rubriken solle logesch Notzung maachen <h2>
- <h6>
sou datt Écran Lieser en Inhaltsverzeechnes fir Är Säiten konstruéieren.
Léiere méi op HTML CodeSniffer an Penn State AccessAbility .
De Moment sinn e puer vun de Standardfaarfkombinatiounen, déi am Bootstrap verfügbar sinn (wéi déi verschidde stylesch Knäppercher Klassen, e puer vun de Code Highlight Faarwen benotzt fir Basis Code Blocks , déi .bg-primary
kontextuell Hannergrond Helper Klass, an d'Standard Link Faarf wann se op engem wäissen Hannergrond benotzt ginn) hunn e klengt Kontrastverhältnis (ënnert dem recommandéierte Verhältnis vu 4,5:1 ). Dëst kann Probleemer fir Benotzer mat gerénger Visioun verursaachen oder déi faarweg blann sinn. Dës Standardfaarwen mussen eventuell geännert ginn fir hire Kontrast an d'Liesbarkeet ze erhéijen.
Bootstrap gëtt ënner der MIT Lizenz verëffentlecht an ass Copyright 2016 Twitter. Op méi kleng Stécker gekacht, kann et mat de folgende Konditioune beschriwwe ginn.
Déi komplett Bootstrap Lizenz ass am Projet Repository fir méi Informatioun.
Gemeinschaftsmemberen hunn dem Bootstrap seng Dokumentatioun a verschidde Sproochen iwwersat. Keen gëtt offiziell ënnerstëtzt a si kënnen net ëmmer aktuell sinn.
Mir hëllefen net d'Iwwersetzungen z'organiséieren oder ze hosten, mir verlinke just hinnen.
Hutt Dir eng nei oder besser Iwwersetzung fäerdeg? Öffnen eng Pull-Ufro fir et op eis Lëscht ze addéieren.