Začíname
Prehľad Bootstrapu, ako stiahnuť a používať, základné šablóny a príklady a ďalšie.
Prehľad Bootstrapu, ako stiahnuť a používať, základné šablóny a príklady a ďalšie.
Bootstrap (aktuálne v3.3.7) má niekoľko jednoduchých spôsobov, ako rýchlo začať, pričom každý z nich je vhodný pre inú úroveň zručností a prípad použitia. Prečítajte si, čo vyhovuje vašim konkrétnym potrebám.
Kompilované a minifikované CSS, JavaScript a fonty. Nie sú zahrnuté žiadne dokumenty ani pôvodné zdrojové súbory.
Source Less, JavaScript a súbory písiem spolu s našimi dokumentmi. Vyžaduje kompilátor Less a určité nastavenie.
Bootstrap prenesený z Less do Sass pre jednoduché začlenenie do projektov Rails, Compass alebo iba Sass.
Ľudia zo spoločnosti jsDelivr láskavo poskytujú podporu CDN pre CSS a JavaScript Bootstrapu. Stačí použiť tieto odkazy Bootstrap CDN .
Môžete tiež nainštalovať a spravovať Bootstrap's Less, CSS, JavaScript a fonty pomocou Bower :
Bootstrap môžete nainštalovať aj pomocou npm :
require('bootstrap')
načíta všetky zásuvné moduly jQuery Bootstrapu do objektu jQuery. Samotný bootstrap
modul nič neexportuje. Doplnky jQuery od Bootstrapu môžete načítať manuálne jednotlivo načítaním /js/*.js
súborov do adresára najvyššej úrovne balíka.
Bootstrap package.json
obsahuje niektoré ďalšie metadáta pod nasledujúcimi kľúčmi:
less
- cesta k hlavnému zdrojovému súboru Bootstrap Lessstyle
- cesta k neminifikovanému CSS Bootstrapu, ktorý bol predkompilovaný pomocou predvolených nastavení (bez prispôsobenia)Môžete tiež nainštalovať a spravovať Bootstrap's Less, CSS, JavaScript a fonty pomocou Composer :
Bootstrap používa Autoprefixer na riešenie prefixov dodávateľov CSS . Ak kompilujete Bootstrap z jeho zdroja Less/Sass a nepoužívate náš súbor Gruntfile, budete musieť do procesu zostavovania integrovať Autoprefixer sami. Ak používate predkompilovaný Bootstrap alebo používate náš Gruntfile, nemusíte sa o to starať, pretože Autoprefixer je už integrovaný do nášho Gruntfile.
Bootstrap je možné stiahnuť v dvoch formách, v rámci ktorých nájdete nasledujúce adresáre a súbory, ktoré logicky zoskupujú bežné zdroje a poskytujú skompilované aj minimizované variácie.
Upozorňujeme, že všetky doplnky JavaScript vyžadujú zahrnutie jQuery, ako je uvedené v úvodnej šablóne . Ak chcete zistiť, ktoré verzie jQuery sú podporované, pozrite si našu stránku.bower.json
Po stiahnutí rozbaľte komprimovaný priečinok, aby ste videli štruktúru (skompilovaného) Bootstrapu. Uvidíte niečo takéto:
Toto je najzákladnejšia forma Bootstrapu: predkompilované súbory na rýchle použitie v takmer akomkoľvek webovom projekte. Poskytujeme kompilované CSS a JS ( bootstrap.*
), ako aj kompilované a minifikované CSS a JS ( bootstrap.min.*
). Zdrojové mapy CSS ( bootstrap.*.map
) sú k dispozícii na použitie s vývojovými nástrojmi určitých prehliadačov. Písma z Glyphicons sú zahrnuté, rovnako ako voliteľná téma Bootstrap.
Zdrojový kód Bootstrap na stiahnutie obsahuje predkompilované prvky CSS, JavaScript a písma spolu so zdrojovým kódom Less, JavaScript a dokumentáciou. Konkrétnejšie zahŕňa nasledujúce a ďalšie:
, less/
, js/
a fonts/
sú zdrojovým kódom našich CSS, JS a ikonových fontov (v tomto poradí). Priečinok dist/
obsahuje všetko, čo je uvedené v predkompilovanej sekcii sťahovania vyššie. Priečinok docs/
obsahuje zdrojový kód pre našu dokumentáciu a examples/
používanie Bootstrapu. Okrem toho každý ďalší zahrnutý súbor poskytuje podporu pre balíky, licenčné informácie a vývoj.
Bootstrap používa Grunt pre svoj systém zostavovania s pohodlnými metódami práce s rámcom. Takto kompilujeme náš kód, spúšťame testy a podobne.
Ak chcete nainštalovať Grunt, musíte si najprv stiahnuť a nainštalovať node.js (ktorý zahŕňa npm). npm znamená moduly zabalené v uzloch a je to spôsob, ako spravovať závislosti vývoja prostredníctvom node.js.
Potom z príkazového riadku:grunt-cli
globálne pomocou npm install -g grunt-cli
./bootstrap/
adresára a potom spustite npm install
. npm sa pozrie na package.json
súbor a automaticky nainštaluje potrebné lokálne závislosti, ktoré sú tam uvedené.Po dokončení budete môcť spustiť rôzne príkazy Grunt poskytované z príkazového riadku.
grunt dist
(Stačí skompilovať CSS a JavaScript)Regeneruje /dist/
adresár pomocou kompilovaných a miniifikovaných súborov CSS a JavaScript. Ako používateľ Bootstrapu je to zvyčajne príkaz, ktorý chcete.
grunt watch
(sledovať)Sleduje zdrojové súbory Less a automaticky ich prekompiluje do CSS vždy, keď uložíte zmenu.
grunt test
(Spustiť testy)Spustí JSHint a bezhlavo spustí testy QUnit v PhantomJS .
grunt docs
(Vytvorte a otestujte podklady dokumentov)Vytvára a testuje CSS, JavaScript a ďalšie prvky, ktoré sa používajú pri lokálnom spúšťaní dokumentácie cez bundle exec jekyll serve
.
grunt
(Postavte úplne všetko a spustite testy)Kompiluje a minifikuje CSS a JavaScript, vytvára webovú stránku s dokumentáciou, spúšťa validátor HTML5 v porovnaní s dokumentmi, regeneruje prvky Customizer a ďalšie. Vyžaduje Jekylla . Zvyčajne je to potrebné iba vtedy, ak hackujete samotný Bootstrap.
Ak narazíte na problémy s inštaláciou závislostí alebo spustením príkazov Grunt, najprv odstráňte /node_modules/
adresár vygenerovaný npm. Potom znova spustite npm install
.
Začnite s touto základnou šablónou HTML alebo upravte tieto príklady . Dúfame, že si prispôsobíte naše šablóny a príklady a prispôsobíte ich tak, aby vyhovovali vašim potrebám.
Skopírujte nižšie uvedený kód HTML a začnite pracovať s minimálnym dokumentom Bootstrap.
Stavte na základnej šablóne vyššie s mnohými komponentmi Bootstrap. Odporúčame vám prispôsobiť a prispôsobiť Bootstrap tak, aby vyhovoval vašim individuálnym potrebám projektu.
Získajte zdrojový kód pre každý príklad nižšie stiahnutím úložiska Bootstrap . Príklady nájdete v docs/examples/
adresári.
Vytvorte si vlastný navigačný panel so zarovnanými odkazmi. Hlavy hore! Nie príliš priateľský k Safari.
Bootlint je oficiálny nástroj Bootstrap HTML linter . Automaticky kontroluje niekoľko bežných chýb HTML na webových stránkach, ktoré používajú Bootstrap pomerne „vanilkovým“ spôsobom. Komponenty/widgety Vanilla Bootstrap vyžadujú, aby ich časti DOM vyhovovali určitým štruktúram. Bootlint kontroluje, či inštancie komponentov Bootstrap majú správne štruktúrované HTML. Zvážte pridanie Bootlint do svojho reťazca nástrojov na vývoj webu Bootstrap, aby žiadna z bežných chýb nespomalila vývoj vášho projektu.
Zostaňte v obraze o vývoji Bootstrapu a oslovte komunitu pomocou týchto užitočných zdrojov.
irc.freenode.net
serveri, v kanáli ##bootstrap .twitter-bootstrap-3
.bootstrap
na balíkoch, ktoré upravujú alebo pridávajú funkcie Bootstrapu pri distribúcii prostredníctvom npm alebo podobných mechanizmov doručovania, aby bola dosiahnutá maximálna viditeľnosť.Môžete tiež sledovať @getbootstrap na Twitteri , kde nájdete najnovšie klebety a úžasné hudobné videá.
Bootstrap automaticky prispôsobí vaše stránky rôznym veľkostiam obrazovky. Tu je postup, ako túto funkciu zakázať, aby vaša stránka fungovala ako v tomto príklade, keď nereaguje .
<meta>
uvedenú v dokumentoch CSSwidth
na .container
pre každú vrstvu mriežky jednou šírkou, napríklad width: 970px !important;
Uistite sa, že toto nasleduje za predvoleným CSS Bootstrap. Voliteľne sa môžete vyhnúť !important
dopytom na médiá alebo niektorým selektorom..col-xs-*
triedy okrem alebo namiesto stredných/veľkých tried. Nebojte sa, extra malá mriežka zariadenia sa prispôsobí všetkým rozlíšeniam.Stále budete potrebovať Respond.js pre IE8 (keďže naše mediálne dopyty stále existujú a je potrebné ich spracovať). Toto zakáže aspekty „mobilnej stránky“ Bootstrapu.
Tieto kroky sme použili na príklade. Prečítajte si jeho zdrojový kód, aby ste videli konkrétne implementované zmeny.
Chcete migrovať zo staršej verzie Bootstrapu na v3.x? Pozrite si nášho sprievodcu migráciou .
Bootstrap je navrhnutý tak, aby čo najlepšie fungoval v najnovších prehliadačoch pre stolné počítače a mobilné zariadenia, čo znamená, že staršie prehliadače môžu zobrazovať rôzne štýlové, aj keď plne funkčné vykreslenia určitých komponentov.
Konkrétne podporujeme najnovšie verzie nasledujúcich prehliadačov a platforiem.
Alternatívne prehliadače, ktoré používajú najnovšiu verziu WebKit, Blink alebo Gecko, či už priamo alebo cez webové rozhranie API platformy, nie sú výslovne podporované. Bootstrap by sa však mal (vo väčšine prípadov) správne zobrazovať a fungovať aj v týchto prehliadačoch. Podrobnejšie informácie o podpore sú uvedené nižšie.
Všeobecne povedané, Bootstrap podporuje najnovšie verzie predvolených prehliadačov každej hlavnej platformy. Upozorňujeme, že proxy prehliadače (ako Opera Mini, Turbo režim Opera Mobile, UC Browser Mini, Amazon Silk) nie sú podporované.
Chrome | Firefox | Safari | |
---|---|---|---|
Android | Podporované | Podporované | N/A |
iOS | Podporované | Podporované | Podporované |
Podobne sú podporované najnovšie verzie väčšiny prehliadačov pre stolné počítače.
Chrome | Firefox | internet Explorer | Opera | Safari | |
---|---|---|---|---|---|
Mac | Podporované | Podporované | N/A | Podporované | Podporované |
Windows | Podporované | Podporované | Podporované | Podporované | Nie je podporované |
V systéme Windows podporujeme Internet Explorer 8-11 .
V prípade Firefoxu okrem najnovšieho normálneho stabilného vydania podporujeme aj najnovšiu verziu Firefoxu s rozšírenou podporou (ESR) .
Neoficiálne by mal Bootstrap vyzerať a správať sa dostatočne dobre v prehliadačoch Chromium a Chrome pre Linux, Firefox pre Linux a Internet Explorer 7, ako aj Microsoft Edge, hoci nie sú oficiálne podporované.
Zoznam niektorých chýb prehliadača, s ktorými sa musí Bootstrap potýkať, nájdete v našej Nástenke s chybami prehliadača .
Podporované sú aj Internet Explorer 8 a 9, avšak uvedomte si, že niektoré vlastnosti CSS3 a prvky HTML5 tieto prehliadače plne nepodporujú. Okrem toho Internet Explorer 8 vyžaduje použitie Respond.js na povolenie podpory mediálnych dopytov.
Funkcia | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Nie je podporované | Podporované |
box-shadow |
Nie je podporované | Podporované |
transform |
Nie je podporované | Podporované, s -ms predponou |
transition |
Nie je podporované | |
placeholder |
Nie je podporované |
Podrobnosti o podpore funkcií CSS3 a HTML5 v prehliadači nájdete na stránke Môžem použiť....
Pri používaní Respond.js vo vývojových a produkčných prostrediach pre Internet Explorer 8 si dávajte pozor na nasledujúce upozornenia.
Používanie Respond.js s CSS hosteným na inej (sub)doméne (napríklad na CDN) si vyžaduje dodatočné nastavenie. Podrobnosti nájdete v dokumentoch Respond.js .
file://
Kvôli bezpečnostným pravidlám prehliadača Respond.js nefunguje so stránkami zobrazovanými cez file://
protokol (napríklad pri otváraní lokálneho súboru HTML). Ak chcete otestovať responzívne funkcie v prehliadači IE8, zobrazte svoje stránky cez HTTP(S). Podrobnosti nájdete v dokumentoch Respond.js .
@import
Respond.js nefunguje s CSS, na ktoré sa odkazuje cez @import
. Najmä je známe, že niektoré konfigurácie Drupal používajú @import
. Podrobnosti nájdete v dokumentoch Respond.js .
IE8 plne nepodporuje box-sizing: border-box;
v kombinácii s min-width
, max-width
, min-height
alebo max-height
. Z tohto dôvodu od verzie 3.0.1 už nepoužívame max-width
na .container
s.
IE8 má @font-face
v kombinácii s :before
. Bootstrap používa túto kombináciu so svojimi Glyphicons. Ak sa stránka uloží do vyrovnávacej pamäte a načíta sa bez myši nad oknom (tj stlačíte tlačidlo obnovenia alebo načítate niečo v prvku iframe), stránka sa vykreslí pred načítaním písma. Po umiestnení kurzora myši na stránku (telo) sa zobrazia niektoré ikony a pri umiestnení kurzora myši na zostávajúce ikony sa zobrazia tiež. Podrobnosti nájdete vo vydaní #13863 .
Bootstrap nie je podporovaný v starých režimoch kompatibility programu Internet Explorer. Ak chcete mať istotu, že používate najnovší režim vykresľovania pre IE, zvážte zahrnutie vhodnej <meta>
značky na svoje stránky:
Potvrďte režim dokumentu otvorením nástrojov na ladenie: stlačte F12a začiarknite „Režim dokumentu“.
Táto značka je zahrnutá vo všetkej dokumentácii a príkladoch Bootstrapu, aby sa zabezpečilo najlepšie možné vykreslenie v každej podporovanej verzii Internet Explorera.
Viac informácií nájdete v tejto otázke StackOverflow .
Internet Explorer 10 nerozlišuje šírku zariadenia od šírky zobrazovanej oblasti, a preto správne neaplikuje mediálne dotazy v CSS Bootstrapu. Normálne by ste to vyriešili pridaním krátkeho úryvku CSS:
Toto však nefunguje pre zariadenia so systémom Windows Phone 8 verzie staršie ako Update 3 (známy ako GDR3) , pretože to spôsobuje, že takéto zariadenia zobrazujú väčšinou zobrazenie pracovnej plochy namiesto úzkeho zobrazenia „telefónu“. Aby ste to vyriešili, budete musieť zahrnúť nasledujúce CSS a JavaScript, aby ste túto chybu vyriešili .
Ďalšie informácie a pokyny na používanie nájdete v časti Windows Phone 8 a Device-Width .
V prvom rade to zahrnieme do celej dokumentácie a príkladov Bootstrapu ako ukážku.
Vykresľovacie jadro verzií Safari starších ako 7.1 pre OS X a Safari pre iOS v8.0 malo problémy s počtom desatinných miest používaných v našich .col-*-1
triedach mriežky. Ak by ste teda mali 12 jednotlivých stĺpcov mriežky, všimli by ste si, že sú v porovnaní s inými riadkami stĺpcov krátke. Okrem inovácie Safari/iOS máte niekoľko možností na riešenia:
.pull-right
do posledného stĺpca mriežky, aby ste dosiahli zarovnanie presne vpravoPodpora overflow: hidden
prvku <body>
je v systémoch iOS a Android dosť obmedzená. Za týmto účelom, keď prejdete za hornú alebo spodnú časť modálu v jednom z prehliadačov týchto zariadení, <body>
obsah sa začne posúvať. Pozrite si chybu Chrome č. 175502 (opravená v Chrome v40) a chybu WebKit č. 153852 .
Od verzie iOS 9.3, keď je modálny režim otvorený, ak je prvý dotyk posúvacieho gesta v rámci textu <input>
alebo <textarea>
, <body>
bude sa posúvať obsah pod modálom namiesto samotného modálu. Pozrite si chybu WebKit č. 153856 .
Upozorňujeme tiež, že ak používate pevnú navigačnú lištu alebo používate vstupy v rámci modálu, iOS má chybu vykresľovania, ktorá neaktualizuje polohu pevných prvkov pri spustení virtuálnej klávesnice. Niekoľko riešení tohto problému zahŕňa transformáciu vašich prvkov na position: absolute
alebo spustenie časovača so zameraním, aby ste sa pokúsili manuálne opraviť umiestnenie. Bootstrap to nerieši, takže je na vás, aby ste sa rozhodli, ktoré riešenie je pre vašu aplikáciu najlepšie.
Prvok .dropdown-backdrop
sa nepoužíva v systéme iOS v navigácii kvôli zložitosti indexovania z. Ak teda chcete zatvoriť rozbaľovacie ponuky v navigačných paneloch, musíte priamo kliknúť na prvok rozbaľovacej ponuky (alebo na akýkoľvek iný prvok, ktorý spustí udalosť kliknutia v systéme iOS ).
Zväčšovanie stránky nevyhnutne predstavuje artefakty vykresľovania v niektorých komponentoch, v Bootstrape aj vo zvyšku webu. V závislosti od problému ho možno budeme vedieť opraviť (najskôr vyhľadajte a potom v prípade potreby otvorte problém). Máme však tendenciu ich ignorovať, pretože často nemajú žiadne priame riešenie okrem hackingových riešení.
:hover
/ :focus
na mobileAj keď skutočné vznášanie nie je možné na väčšine dotykových obrazoviek, väčšina mobilných prehliadačov emuluje podporu vznášania a vytvára :hover
„lepkavý“. Inými slovami, :hover
štýly sa začnú používať po klepnutí na prvok a prestanú sa používať až po klepnutí používateľa na iný prvok. To môže spôsobiť, že :hover
stavy Bootstrapu sa v takýchto prehliadačoch nežiaduco „zaseknú“. :focus
Podobne lepkavé sú aj niektoré mobilné prehliadače . V súčasnosti neexistuje žiadne jednoduché riešenie týchto problémov, okrem úplného odstránenia takýchto štýlov.
Dokonca aj v niektorých moderných prehliadačoch môže byť tlač nepredvídateľná.
Najmä od prehliadača Chrome v32 a bez ohľadu na nastavenia okrajov používa prehliadač Chrome pri riešení mediálnych dopytov počas tlače webovej stránky šírku výrezu výrazne užšiu, než je veľkosť fyzického papiera. To môže mať za následok neočakávanú aktiváciu extra malej mriežky Bootstrapu pri tlači. Niektoré podrobnosti nájdete vo vydaní č. 12078 a chybe Chrome č. 273306 . Navrhované riešenia:
@screen-*
premenných Menej tak, aby sa papier vašej tlačiarne považoval za väčší ako extra malý.Od verzie Safari 8.0 môže pevná šírka .container
s spôsobiť, že Safari pri tlači použije nezvyčajne malú veľkosť písma. Ďalšie podrobnosti nájdete v č. 14868 a chybe WebKit č. 138192 . Jedným z možných riešení je pridanie nasledujúceho CSS:
Po vybalení sa Android 4.1 (a dokonca aj niektoré novšie vydania) dodáva s aplikáciou Prehliadač ako predvoleným webovým prehliadačom (na rozdiel od prehliadača Chrome). Aplikácia Prehliadač má bohužiaľ veľa chýb a nezrovnalostí s CSS vo všeobecnosti.
Na <select>
prvkoch nebude prehliadač akcií Android zobrazovať bočné ovládacie prvky, ak je border-radius
a/alebo border
aplikované. (Podrobnosti nájdete v tejto otázke StackOverflow .) Pomocou úryvku kódu nižšie odstráňte nevhodný CSS a vykreslite <select>
prvok ako neštylizovaný prvok v prehliadači Android. Čuchanie používateľského agenta zabraňuje interferencii s prehliadačmi Chrome, Safari a Mozilla.
Chcete vidieť príklad? Pozrite si toto demo JS Bin.
S cieľom poskytnúť najlepší možný zážitok starým a chybným prehliadačom používa Bootstrap na niekoľkých miestach hacky prehliadača CSS na zacielenie špeciálnych CSS na určité verzie prehliadačov, aby obišiel chyby v samotných prehliadačoch. Tieto hacky pochopiteľne spôsobujú, že validátory CSS sa sťažujú, že sú neplatné. Na niekoľkých miestach používame aj špičkové funkcie CSS, ktoré ešte nie sú úplne štandardizované, ale používajú sa výlučne na progresívne vylepšenie.
Tieto varovania pri overovaní nehrajú v praxi význam, pretože nehacknutá časť nášho CSS sa plne overuje a hacknuté časti nezasahujú do správneho fungovania nehacknutej časti, preto tieto konkrétne upozornenia zámerne ignorujeme.
Naše dokumenty HTML tiež obsahujú triviálne a bezvýznamné upozornenia na overenie kódu HTML, pretože sme zahrnuli riešenie pre určitú chybu Firefoxu .
Aj keď oficiálne nepodporujeme žiadne doplnky alebo doplnky tretích strán, ponúkame niekoľko užitočných rád, ktoré vám pomôžu vyhnúť sa potenciálnym problémom vo vašich projektoch.
Niektoré softvéry tretích strán, vrátane Máp Google a Vlastného vyhľadávacieho nástroja Google, sú v konflikte s Bootstrap kvôli * { box-sizing: border-box; }
pravidlu, ktoré to robí, padding
nemá vplyv na konečnú vypočítanú šírku prvku. Viac informácií o modeli krabice a veľkosti nájdete na stránke CSS Tricks .
V závislosti od kontextu môžete podľa potreby prepísať (možnosť 1) alebo zmeniť veľkosť polí pre celé oblasti (možnosť 2).
Bootstrap sa riadi bežnými webovými štandardmi a – s minimálnym úsilím navyše – sa dá použiť na vytváranie stránok, ktoré sú prístupné pre používateľov AT .
Ak vaša navigácia obsahuje veľa odkazov a nachádza sa pred hlavným obsahom v DOM, pridajte Skip to main content
odkaz pred navigáciu (jednoduché vysvetlenie nájdete v tomto článku projektu A11Y o preskočení navigačných odkazov ). Použitím .sr-only
triedy sa odkaz na preskočenie vizuálne skryje a .sr-only-focusable
trieda zaistí, aby sa odkaz po zameraní stal viditeľným (pre používateľov klávesnice, ktorí vidia).
Z dôvodu dlhodobých nedostatkov/chyb v prehliadači Chrome (pozrite si problém 262171 v nástroji na sledovanie chýb v prehliadači Chromium ) a prehliadači Internet Explorer (pozrite si tento článok o odkazoch na stránke a poradí zamerania ) sa budete musieť uistiť, že cieľ vášho preskočenia odkazu je aspoň programovo zameraná pridaním tabindex="-1"
.
Okrem toho možno budete chcieť explicitne potlačiť viditeľnú indikáciu zamerania na cieľ (najmä preto, že Chrome v súčasnosti nastavuje zameranie aj na prvky tabindex="-1"
, keď na ne kliknete myšou) pomocou #content:focus { outline: none; }
.
Upozorňujeme, že táto chyba ovplyvní aj všetky ostatné odkazy na stránke, ktoré môže vaša lokalita používať, a pre používateľov klávesnice ich tak zneužijú. Môžete zvážiť pridanie podobnej dočasnej opravy ku všetkým ostatným pomenovaným identifikátorom kotiev / fragmentov, ktoré fungujú ako ciele odkazu.
Pri vnorení hlavičiek ( <h1>
- <h6>
) by hlavička primárneho dokumentu mala byť <h1>
. Nasledujúce nadpisy by mali logicky využívať <h2>
– <h6>
tak, aby čítačky obrazovky mohli zostaviť obsah vašich stránok.
Viac informácií nájdete na stránkach HTML CodeSniffer a AccessAbility Penn State .
V súčasnosti sú v Bootstrape dostupné niektoré z predvolených farebných kombinácií (napríklad rôzne štýlové triedy tlačidiel, niektoré farby zvýrazňovania kódu používané pre základné bloky kódu , .bg-primary
kontextová pomocná trieda pozadia a predvolená farba odkazu pri použití na bielom pozadí) majú nízky kontrastný pomer (pod odporúčaným pomerom 4,5:1 ). To môže spôsobiť problémy používateľom so slabým zrakom alebo farboslepým. Tieto predvolené farby možno bude potrebné upraviť, aby sa zvýšil ich kontrast a čitateľnosť.
Bootstrap je vydaný pod licenciou MIT a je chránený autorským právom Twitter z roku 2016. Rozvarené na menšie kúsky, možno ho opísať za nasledujúcich podmienok.
Úplná licencia Bootstrap sa nachádza v úložisku projektu, kde nájdete ďalšie informácie.
Členovia komunity preložili dokumentáciu Bootstrapu do rôznych jazykov. Žiadne z nich nie sú oficiálne podporované a nemusia byť vždy aktuálne.
Nepomáhame organizovať alebo hostiť preklady, len na ne odkazujeme.
Dokončili ste nový alebo lepší preklad? Otvorte žiadosť o stiahnutie a pridajte ju do nášho zoznamu.