Elkezdeni
A Bootstrap áttekintése, a letöltés és a használat módja, az alapvető sablonok és példák stb.
A Bootstrap áttekintése, a letöltés és a használat módja, az alapvető sablonok és példák stb.
A Bootstrap (jelenleg v3.3.7) néhány egyszerű módszert kínál a gyors kezdéshez, mindegyik más-más képzettségi szinthez és használati esethez vonzó. Olvassa el, hogy megtudja, mi felel meg az Ön egyedi igényeinek.
Lefordított és kicsinyített CSS, JavaScript és betűtípusok. Nem tartalmaz dokumentumokat vagy eredeti forrásfájlokat.
Forrás Less, JavaScript és font fájlokat, valamint a dokumentumokat. Egy Less fordítót és némi beállítást igényel .
A Bootstrap Less-ről Sass -ra lett áthelyezve a Rails-, Compass- vagy csak Sass-projektekbe való egyszerű beillesztéshez.
A jsDelivr munkatársai készségesen CDN-támogatást nyújtanak a Bootstrap CSS-hez és JavaScript-hez. Csak használja ezeket a Bootstrap CDN hivatkozásokat.
Telepítheti és kezelheti a Bootstrap Less-t, a CSS-t, a JavaScriptet és a betűtípusokat a Bower használatával is :
A Bootstrap programot az npm használatával is telepítheti :
require('bootstrap')
betölti a Bootstrap összes jQuery beépülő modulját a jQuery objektumra. Maga a bootstrap
modul nem exportál semmit. A Bootstrap jQuery beépülő moduljait manuálisan is betöltheti egyenként, ha betölti a /js/*.js
fájlokat a csomag legfelső szintű könyvtárába.
A Bootstrap package.json
néhány további metaadatot tartalmaz a következő kulcsok alatt:
less
- a Bootstrap fő Less forrásfájljának elérési útjastyle
- a Bootstrap nem kicsinyített CSS-jének elérési útja, amelyet az alapértelmezett beállításokkal előre lefordítottak (nincs testreszabás)Telepítheti és kezelheti a Bootstrap Less-t, a CSS-t, a JavaScriptet és a betűtípusokat a Composer segítségével is :
A Bootstrap az Autoprefixert használja a CSS szállítói előtagok kezelésére . Ha a Bootstrap-ot Less/Sass forrásból fordítja, és nem a Grunt-fájlunkat használja, akkor magának kell integrálnia az Autoprefixert a felépítési folyamatába. Ha előre lefordított Bootstrap-et vagy Grunt-fájlunkat használja, akkor nem kell aggódnia emiatt, mert az Autoprefixer már integrálva van a Grunt-fájlunkba.
A Bootstrap kétféle formában tölthető le, amelyeken belül a következő könyvtárakat és fájlokat találja, amelyek logikusan csoportosítják a közös erőforrásokat, és lefordított és kicsinyített változatokat is biztosítanak.
Kérjük, vegye figyelembe, hogy minden JavaScript-bővítménynek tartalmaznia kell a jQuery-t, ahogy az a kezdősablonban is látható . Forduljon hozzánkbower.json
, hogy megtudja, mely jQuery verziók támogatottak.
A letöltés után bontsa ki a tömörített mappát a (lefordított) Bootstrap szerkezetének megtekintéséhez. Valami ehhez hasonlót fog látni:
Ez a Bootstrap legalapvetőbb formája: előre lefordított fájlok a gyors beugró használathoz szinte bármilyen webes projektben. Lefordított CSS-t és JS-t ( bootstrap.*
), valamint lefordított és minimalizált CSS-t és JS-t ( bootstrap.min.*
) biztosítunk. A CSS - forrástérképek ( bootstrap.*.map
) bizonyos böngészők fejlesztői eszközeivel használhatók. A Glyphicons betűtípusait tartalmazza, csakúgy, mint az opcionális Bootstrap témát.
A Bootstrap forráskód letöltése tartalmazza az előre lefordított CSS-, JavaScript- és betűkészlet-elemeket, valamint a forrás Less-t, a JavaScript-et és a dokumentációt. Pontosabban a következőket és még sok mást tartalmazza:
A less/
, js/
, és fonts/
a CSS, JS és ikon betűtípusaink forráskódja (illetve). A dist/
mappa mindent tartalmaz, ami a fenti előre lefordított letöltési részben szerepel. A mappa tartalmazza a dokumentációnk és a Bootstrap használatának docs/
forráskódját . examples/
Ezen túlmenően minden más mellékelt fájl támogatja a csomagokat, a licencinformációkat és a fejlesztést.
A Bootstrap a Gruntot használja felépítési rendszeréhez, amely kényelmes módszerekkel dolgozik a keretrendszerrel. Így fordítjuk le a kódunkat, futtatunk teszteket és így tovább.
A Grunt telepítéséhez először le kell töltenie és telepítenie kell a node.js fájlt (amely tartalmazza az npm-et is). Az npm a csomópontba csomagolt modulok rövidítése, és a fejlesztési függőségek node.js-en keresztüli kezelésére szolgál.
Ezután a parancssorból:grunt-cli
globálisan a segítségével npm install -g grunt-cli
./bootstrap/
, majd futtassa a parancsot npm install
. Az npm megnézi a package.json
fájlt, és automatikusan telepíti az ott felsorolt szükséges helyi függőségeket.Ha elkészült, futtathatja a különböző Grunt-parancsokat a parancssorból.
grunt dist
(Csak fordítsa le a CSS-t és a JavaScriptet)Újragenerálja a /dist/
könyvtárat lefordított és minimalizált CSS- és JavaScript-fájlokkal. Bootstrap felhasználóként általában ez a kívánt parancs.
grunt watch
(Néz)Figyeli a Kevesebb forrásfájlokat, és automatikusan újrafordítja őket CSS-be, amikor elmenti a változtatást.
grunt test
(Futtasson teszteket)Futtatja a JSHint és a QUnit teszteket fej nélkül PhantomJS -ben .
grunt docs
(A dokumentumelemek létrehozása és tesztelése)Létrehozza és teszteli a CSS-t, a JavaScriptet és más eszközöket, amelyeket a dokumentáció helyi futtatásakor használ a következőn keresztül bundle exec jekyll serve
.
grunt
(Abszolút mindent megépít, és teszteket futtat)Összeállítja és kicsinyíti a CSS-t és a JavaScriptet, elkészíti a dokumentációs webhelyet, futtatja a HTML5-ellenőrzőt a dokumentumokon, újragenerálja a testreszabó eszközöket, és így tovább. Jekyll szükséges . Általában csak akkor szükséges, ha magát a Bootstrapet hackeli.
Ha problémákat tapasztal a függőségek telepítése vagy a Grunt parancsok futtatása során, először törölje az /node_modules/
npm által generált könyvtárat. Ezután futtassa újra npm install
.
Kezdje ezzel az alapvető HTML-sablonnal, vagy módosítsa ezeket a példákat . Reméljük, hogy sablonjainkat és példáinkat személyre szabja, az Ön igényeihez igazítva azokat.
Másolja ki az alábbi HTML-kódot, hogy elkezdjen dolgozni egy minimális Bootstrap dokumentummal.
Építsen a fenti alapsablonra a Bootstrap számos összetevőjével. Javasoljuk, hogy testreszabja és adaptálja a Bootstrapet az egyéni projekt igényeihez.
Szerezze meg az alábbi példák forráskódját a Bootstrap lerakat letöltésével . Példák találhatók a docs/examples/
könyvtárban.
Rögzített oldalsávval és navigációs sávval rendelkező adminisztrátori műszerfal alapvető szerkezete.
Hozzon létre egyéni navigációs sávot igazított hivatkozásokkal. Fel a fejjel! Nem túl Safari-barát.
A Bootlint a hivatalos Bootstrap HTML linter eszköz. Automatikusan ellenőrzi számos gyakori HTML-hibát azokon a weboldalakon, amelyek meglehetősen "vanília" módon használják a Bootstrapet. A Vanilla Bootstrap komponensei/widgetjei megkövetelik, hogy a DOM részeik megfeleljenek bizonyos struktúráknak. A Bootlint ellenőrzi, hogy a Bootstrap összetevők példányai megfelelően strukturált HTML-lel rendelkeznek-e. Fontolja meg a Bootlint hozzáadását a Bootstrap webfejlesztői eszközláncához, hogy a gyakori hibák egyike se lassítsa le projektje fejlődését.
Legyen naprakész a Bootstrap fejlesztésével kapcsolatban, és forduljon a közösséghez ezekkel a hasznos forrásokkal.
irc.freenode.net
szerveren, a ##bootstrap csatornán .twitter-bootstrap-3
.bootstrap
azokon a csomagokon kell használniuk, amelyek módosítják vagy kiegészítik a Bootstrap funkcióit, amikor npm -en vagy hasonló kézbesítési mechanizmusokon keresztül terjesztik a maximális felfedezhetőség érdekében.A Twitteren is követheti a @getbootstrap oldalt a legújabb pletykákért és fantasztikus zenei videókért.
A Bootstrap automatikusan igazítja oldalait a különböző képernyőméretekhez. Így kapcsolhatja ki ezt a funkciót, hogy oldala úgy működjön, mint ez a nem reagáló példa .
<meta>
említett nézetablakotwidth
be- .container
t egyetlen szélességgel, például width: 970px !important;
Győződjön meg arról, hogy ez az alapértelmezett Bootstrap CSS után jön. Opcionálisan elkerülheti a !important
médialekérdezésekkel vagy néhány Selector-fu-val..col-xs-*
osztályokat a közepesek/nagyok mellett vagy azok helyett. Ne aggódjon, az extra kicsi készülékrács minden felbontásra méretezhető.Továbbra is szüksége lesz a Respond.js fájlra az IE8-hoz (mivel a médialekérdezéseink továbbra is jelen vannak, és fel kell dolgozni őket). Ezzel letiltja a Bootstrap „mobilwebhely” szempontjait.
Ezeket a lépéseket egy példára alkalmaztuk. Olvassa el a forráskódját a végrehajtott konkrét változtatások megtekintéséhez.
A Bootstrap régebbi verziójáról a v3.x-re szeretne áttérni? Tekintse meg migrációs útmutatónkat .
A Bootstrap úgy készült, hogy a legjobban a legújabb asztali és mobil böngészőkben működjön, ami azt jelenti, hogy a régebbi böngészők bizonyos összetevők eltérő stílusú, bár teljesen működőképes megjelenítését jeleníthetik meg.
Konkrétan a következő böngészők és platformok legújabb verzióit támogatjuk.
Azok az alternatív böngészők, amelyek a WebKit, Blink vagy Gecko legújabb verzióját használják, akár közvetlenül, akár a platform webnézet API-ján keresztül, nem támogatottak kifejezetten. A Bootstrapnak azonban (a legtöbb esetben) ezekben a böngészőkben is megfelelően kell megjelennie és működnie. Az alábbiakban részletesebb támogatási információk találhatók.
Általánosságban elmondható, hogy a Bootstrap támogatja az egyes nagyobb platformok alapértelmezett böngészőinek legújabb verzióit. Vegye figyelembe, hogy a proxy böngészők (például Opera Mini, Opera Mobile Turbo mód, UC Browser Mini, Amazon Silk) nem támogatottak.
Króm | Firefox | Szafari | |
---|---|---|---|
Android | Támogatott | Támogatott | N/A |
iOS | Támogatott | Támogatott | Támogatott |
Hasonlóképpen, a legtöbb asztali böngésző legújabb verziója támogatott.
Króm | Firefox | internet böngésző | Opera | Szafari | |
---|---|---|---|---|---|
Mac | Támogatott | Támogatott | N/A | Támogatott | Támogatott |
ablakok | Támogatott | Támogatott | Támogatott | Támogatott | Nem támogatott |
Windows rendszeren támogatjuk az Internet Explorer 8-11 böngészőt .
A Firefox esetében a legújabb normál stabil kiadás mellett a legújabbat is támogatjuk kiterjesztett támogatási kiadását (ESR) is támogatjuk .
Nem hivatalosan a Bootstrapnek elég jól kell kinéznie és viselkednie a Chromiumban és a Chrome for Linuxban, a Firefox for Linuxban és az Internet Explorer 7-ben, valamint a Microsoft Edge-ben, bár ezek hivatalosan nem támogatottak.
Azon böngészőhibák listájáért, amelyekkel a Bootstrapnak meg kell küzdenie, tekintse meg a böngészőhibák falát. .
Az Internet Explorer 8 és 9 is támogatott, azonban ne feledje, hogy egyes CSS3-tulajdonságokat és HTML5-elemeket ezek a böngészők nem támogatnak teljes mértékben. Ezenkívül az Internet Explorer 8 a Respond.js fájl használatát igényli a médialekérdezések támogatásának engedélyezéséhez.
Funkció | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Nem támogatott | Támogatott |
box-shadow |
Nem támogatott | Támogatott |
transform |
Nem támogatott | Támogatott, -ms előtaggal |
transition |
Nem támogatott | |
placeholder |
Nem támogatott |
Látogassa meg a Használhatom... oldalt a CSS3 és HTML5 funkciók böngészők támogatásával kapcsolatos részletekért.
Ügyeljen a következő figyelmeztetésekre, ha a Respond.js fájlt használja az Internet Explorer 8 fejlesztői és éles környezetében.
A Respond.js használata egy másik (al)domainben (például CDN-en) tárolt CSS-sel néhány további beállítást igényel. A részletekért lásd a Respond.js dokumentumokat .
file://
A böngésző biztonsági szabályai miatt a Respond.js nem működik a file://
protokollon keresztül megtekintett oldalakkal (például helyi HTML-fájl megnyitásakor). Az IE8 reszponzív funkcióinak teszteléséhez tekintse meg oldalait HTTP(S) protokollon keresztül. Tekintse meg a Respond.js dokumentumokat .
@import
A Respond.js nem működik a következőn keresztül hivatkozott CSS-sel @import
. Közelebbről ismert, hogy egyes Drupal konfigurációk használnak @import
. A részletekért lásd a Respond.js dokumentumokat .
Az IE8 nem támogatja teljes mértékben , ha a , , , vagy elemekkel box-sizing: border-box;
kombinálja . Emiatt a v3.0.1-től már nem használjuk az s-en.min-width
max-width
min-height
max-height
max-width
.container
Az IE8-nak van néhány problémája a -val @font-face
kombinálva :before
. A Bootstrap ezt a kombinációt használja a Glyphicon-jaival. Ha egy oldal gyorsítótárban van, és anélkül tölti be, hogy az egeret az ablak fölé viszi (pl. megnyomja a frissítés gombot vagy betölt valamit egy iframe-be), akkor az oldal a betűtípus betöltése előtt renderelődik. Ha az oldal (törzs) fölé viszi az egeret, néhány ikon megjelenik, és a többi ikon fölé viszi azokat is. Lásd: 13863. szám -as számot.
A Bootstrap nem támogatott az Internet Explorer régi kompatibilitási módjaiban. Annak érdekében, hogy biztosan a legújabb IE megjelenítési módot használja, fontolja meg a megfelelő <meta>
címke elhelyezését az oldalakon:
Erősítse meg a dokumentum módot a hibakereső eszközök megnyitásával: nyomja meg F12és jelölje be a „Dokumentum mód” lehetőséget.
Ezt a címkét a Bootstrap összes dokumentációja és példája tartalmazza, hogy biztosítsa a lehető legjobb megjelenítést az Internet Explorer minden támogatott verziójában.
További információért tekintse meg ezt a StackOverflow kérdést .
Az Internet Explorer 10 nem különbözteti meg az eszköz szélességét a nézetablak szélességétől , ezért nem alkalmazza megfelelően a médialekérdezéseket a Bootstrap CSS-jében. Általában csak egy gyors CSS-részletet kell hozzáadnia a probléma megoldásához:
Ez azonban nem működik a 3-as frissítésnél (más néven GDR3) régebbi Windows Phone 8-verziót futtató eszközökön , mivel az ilyen eszközök többnyire asztali nézetet jelenítenek meg a szűk "telefon" nézet helyett. Ennek megoldásához a következő CSS-t és JavaScriptet kell megadnia a hiba kikerüléséhez .
További információért és használati útmutatóért olvassa el a Windows Phone 8 és az Eszközszélesség című részt .
Figyelmeztetésként ezt bemutatjuk a Bootstrap összes dokumentációjában és példájában.
A Safari 7.1-es OS X-hez és Safari iOS 8.0-hoz verziói előtti verzióinak problémái voltak a .col-*-1
rácsosztályainkban használt tizedesjegyek számával. Tehát ha 12 különálló rácsoszlopa lenne, észrevehetné, hogy azok rövidebbek a többi oszlopsorhoz képest. A Safari/iOS frissítése mellett van néhány lehetőség a megoldásra:
.pull-right
hozzá az utolsó rácsoszlopot, hogy megkapja a kemény jobb oldali igazítástoverflow: hidden
Az <body>
elem támogatása meglehetősen korlátozott iOS és Android rendszeren. Ebből a célból, ha valamelyik eszköz böngészőjében átgörget egy modál tetején vagy alján, a <body>
tartalom gördülni kezd. Lásd : 175502. számú Chrome-hiba (javítva a Chrome v40-ben) és 153852. számú WebKit-hiba .
Az iOS 9.3-tól kezdve, amíg a modális nyitva van, és ha a görgetés kezdeti érintése egy szöveg <input>
vagy egy szöveg határain belül van <textarea>
, <body>
akkor a modális alatti tartalom görgetésre kerül a modális helyett. Lásd a WebKit 153856. számú hibáját .
Azt is vegye figyelembe, hogy ha rögzített navigációs sávot vagy modális bemeneteket használ, az iOS-ben van egy olyan megjelenítési hiba, amely nem frissíti a rögzített elemek helyzetét a virtuális billentyűzet aktiválásakor. Ennek néhány megkerülő megoldása az elemek átalakítása position: absolute
vagy fókuszidőzítő meghívása a pozicionálás manuális korrigálása érdekében. Ezt nem a Bootstrap kezeli, így Ön dönti el, melyik megoldás a legjobb az alkalmazásához.
A .dropdown-backdrop
z-indexelés összetettsége miatt az elemet nem használják iOS rendszeren a navigációban. Így a navigációs sávok legördülő menüinek bezárásához közvetlenül a legördülő elemre kell kattintania (vagy bármely más elemre, amely kattintási eseményt indít el iOS rendszerben ).
Az oldalnagyítás elkerülhetetlenül renderelési műtermékeket tartalmaz egyes összetevőkben, mind a Bootstrapben, mind az internet többi részén. A problémától függően lehetséges, hogy ki tudjuk javítani (először keressen, majd ha szükséges, nyissa meg a problémát). Ezeket azonban hajlamosak vagyunk figyelmen kívül hagyni, mivel gyakran nincs közvetlen megoldásuk, csak a trükkös megoldások.
:hover
/ :focus
mobilonAnnak ellenére, hogy a valódi lebegés nem lehetséges a legtöbb érintőképernyőn, a legtöbb mobilböngésző emulálja a lebegés támogatását, és :hover
„ragadóssá” teszi. Más szavakkal, a :hover
stílusok alkalmazása egy elem megérintése után kezdődik, és csak akkor áll le, ha a felhasználó megérint egy másik elemet. Ez azt okozhatja, hogy a Bootstrap :hover
állapotai nemkívánatos módon „leragadnak” az ilyen böngészőkön. Egyes mobilböngészők is :focus
hasonlóan ragadóssá teszik. Jelenleg nincs más egyszerű megoldás ezekre a problémákra, mint az ilyen stílusok teljes eltávolítása.
Még néhány modern böngészőben is furcsa lehet a nyomtatás.
A Chrome v32-től kezdve és a margóbeállításoktól függetlenül a Chrome a fizikai papírméretnél lényegesen szűkebb nézetablakszélességet használ a médialekérdezések megoldása során egy weboldal nyomtatása közben. Ez azt eredményezheti, hogy a Bootstrap rendkívül kicsi rácsja váratlanul aktiválódik nyomtatás közben. Nézze meg a 12078-as számú kiadást és a 273306 - os Chrome-hibát néhány részletért. Javasolt megoldások:
@screen-*
Less változók értékeit, hogy a nyomtató papírja nagyobb legyen, mint az extra kicsi.Ezenkívül a Safari v8.0-tól kezdve a rögzített szélességű .container
s miatt a Safari szokatlanul kis betűméretet használhat a nyomtatás során. További részletekért lásd az 14868 -as számú és a 138192 -es számú WebKit-hibát. Ennek egyik lehetséges megoldása a következő CSS hozzáadása:
A dobozból kivéve az Android 4.1-et (és még néhány újabb kiadást is) a Böngésző alkalmazással szállítják alapértelmezett webböngészőként (a Chrome-mal ellentétben). Sajnos a Böngésző alkalmazásban sok hiba és inkonzisztencia van a CSS-sel általában.
Az <select>
elemeken az Android készletböngésző nem jeleníti meg az oldalsó vezérlőket, ha van border-radius
és/vagy border
alkalmazzák. (A részletekért lásd ezt a StackOverflow-kérdést .) Az alábbi kódrészlet segítségével távolítsa el a sértő CSS- t, és <select>
jelenítse meg stílustalan elemként az Android tőzsdei böngészőjében. A felhasználói ügynök szippantása elkerüli a Chrome, a Safari és a Mozilla böngészők interferenciáját.
Szeretne példát látni? Nézze meg ezt a JS Bin bemutatót.
Annak érdekében, hogy a lehető legjobb élményt nyújtsa a régi és hibás böngészőknek, a Bootstrap több helyen CSS-böngésző-feltöréseket használ , hogy speciális CSS-t célozzon meg bizonyos böngészőverziókra, hogy kikerülje a böngészők hibáit. Ezek a feltörések érthető módon arra késztetik a CSS-ellenőrzőket, hogy érvénytelenek legyenek. Néhány helyen olyan élvonalbeli CSS-szolgáltatásokat is használunk, amelyek még nincsenek teljesen szabványosítva, de ezeket pusztán progresszív fejlesztésre használjuk.
Ezek az érvényesítési figyelmeztetések a gyakorlatban nem számítanak, mivel CSS-ünk nem feltört része teljes mértékben érvényesít, és a feltört részek nem zavarják a nem feltört rész megfelelő működését, ezért szándékosan figyelmen kívül hagyjuk ezeket a figyelmeztetéseket.
HTML-dokumentumaink szintén tartalmaznak néhány triviális és lényegtelen HTML-érvényesítési figyelmeztetést, mivel egy bizonyos Firefox-hiba megoldását tartalmaztuk .
Bár hivatalosan nem támogatunk harmadik féltől származó beépülő modulokat vagy kiegészítőket, adunk néhány hasznos tanácsot a projektek esetleges problémáinak elkerülésére.
Néhány harmadik féltől származó szoftver, beleértve a Google Térképet és a Google Egyéni Keresőmotort, ütközik a Bootstrap programmal a miatt * { box-sizing: border-box; }
, amely szabály padding
nem befolyásolja az elem végső számított szélességét. Tudjon meg többet a dobozmodellről és a méretezésről a CSS Tricks oldalon .
A kontextustól függően szükség szerint felülírhatja (1. lehetőség), vagy visszaállíthatja a teljes régiók dobozméretét (2. lehetőség).
A Bootstrap az általános webes szabványokat követi, és minimális extra erőfeszítéssel olyan webhelyek létrehozására használható, amelyek elérhetők az AT -t használók számára .
Ha a navigációja sok hivatkozást tartalmaz, és a fő tartalom elé kerül a DOM-ban, adjon hozzá egy Skip to main content
hivatkozást a navigáció elé (egyszerű magyarázatért lásd ezt az A11Y projektet a navigációs hivatkozások kihagyásáról szóló cikkében ). Az .sr-only
osztály használata vizuálisan elrejti a kihagyó hivatkozást, és az .sr-only-focusable
osztály gondoskodik arról, hogy a hivatkozás láthatóvá váljon a fókuszálás után (a látó billentyűzetet használók számára).
A Chrome régóta fennálló hiányosságai/hibái miatt (lásd a 262171-es számot a Chromium hibakövetőben ) és az Internet Explorerben (lásd ezt a cikket az oldalon belüli hivatkozásokról és a fókuszsorrendről ) meg kell győződnie arról, hogy az átugró link célpontja legalább programozottan fókuszálható hozzáadásával tabindex="-1"
.
Ezenkívül érdemes lehet kifejezetten elnyomni a célon látható fókuszjelzést (különös tekintettel arra, hogy a Chrome jelenleg az elemekre is fókuszál, tabindex="-1"
amikor rájuk kattintanak az egérrel) a gombbal #content:focus { outline: none; }
.
Ne feledje, hogy ez a hiba hatással lesz a webhelye által esetleg használt egyéb oldalakon belüli linkekre is, így használhatatlanná válik a billentyűzetet használók számára. Érdemes lehet hasonló stop-gap javítást hozzáadni az összes többi elnevezett horgonyhoz/töredékazonosítóhoz, amely hivatkozási célként működik.
<h1>
A fejlécek ( - ) beágyazásakor <h6>
az elsődleges dokumentumfejlécnek egy <h1>
. A későbbi címsoroknak logikusan kell használniuk <h2>
– <h6>
így a képernyőolvasók tartalomjegyzéket készíthetnek az oldalaihoz.
Tudjon meg többet a HTML CodeSniffer és a Penn State AccessAbility oldalán .
Jelenleg a Bootstrapben elérhető néhány alapértelmezett színkombináció (mint például a különböző stílusú gombosztályok, az alapvető kódblokkokhoz használt kódkiemelő színek némelyike , a .bg-primary
kontextuális háttér segítő osztálya és az alapértelmezett hivatkozásszín, ha fehér alapon használjuk) alacsony kontrasztarányúak (az ajánlott 4,5:1 arány alatt ). Ez problémákat okozhat a gyengénlátó vagy színvakok felhasználók számára. Lehetséges, hogy ezeket az alapértelmezett színeket módosítani kell kontrasztjuk és olvashatóságuk növelése érdekében.
A Bootstrap az MIT licence alatt került kiadásra, és szerzői joga a 2016 Twitter. Kisebb darabokra főzve a következő feltételekkel írható le.
További információkért a teljes Bootstrap licenc a projekt tárházában található .
A közösség tagjai különböző nyelvekre fordították le a Bootstrap dokumentációját. Egyik sem támogatott hivatalosan, és előfordulhat, hogy nem mindig naprakész.
Nem segítünk a fordítások megszervezésében vagy fogadásában, csak linkeljük őket.
Befejezett egy új vagy jobb fordítást? Nyisson meg egy lehívási kérelmet, hogy hozzáadja a listánkhoz.