Başlamak
“Bootstrap” -a umumy syn, nädip göçürip almaly we ulanmaly, esasy galyplar we mysallar we ş.m.
“Bootstrap” -a umumy syn, nädip göçürip almaly we ulanmaly, esasy galyplar we mysallar we ş.m.
“Bootstrap” (häzirki wagtda v3.3.7) çalt başlamagyň birnäçe aňsat usuly bar, olaryň hersi başga bir ussatlyk derejesini özüne çekýär. Aýratyn zerurlyklaryňyza laýykdygyny görmek üçin okaň.
CSS, JavaScript we şriftler düzüldi we kiçeldildi. Hiç bir resminama ýa-da asyl çeşme faýly ýok.
Çeşme az, JavaScript we şrift faýllary, resminamalarymyz bilen bilelikde. Has az düzüjini we käbir gurnama talap edýär.
“Boelsstrap”, “Rail”, “Compass” ýa-da “Sass” taslamalaryna aňsat goşmak üçin “Less” -den “Sass” -a göçürildi.
JsDelivr -daky adamlar Bootstrap-yň CSS we JavaScript üçin CDN goldawyny hoşniýetlilik bilen üpjün edýärler. Diňe “ Bootstrap CDN ” baglanyşyklaryny ulanyň.
Şeýle hem, “ Bower ” -iň kömegi bilen “Bootstrap's Less”, “CSS”, “JavaScript” we şriftleri gurup we dolandyryp bilersiňiz :
Şeýle hem, “Bootstrap” -y npm ulanyp gurup bilersiňiz :
require('bootstrap')
Bootstrap-yň ähli jQuery pluginlerini jQuery obýektine ýüklär. bootstrap
Modulyň özi hiç zat eksport etmeýär . /js/*.js
“Bootstrap” -yň jQuery pluginlerini bukjanyň iň ýokary derejeli katalogynyň aşagyndaky faýllary ýükläp aýratynlykda ýükläp bilersiňiz.
“Bootstrap” -da package.json
aşakdaky düwmeleriň aşagyndaky käbir goşmaça metadata bar:
less
- “Bootstrap” -yň esasy az çeşme faýlyna barýan ýolstyle
- Bootstrap-yň kiçeldilmedik CSS-e barýan ýol, deslapky sazlamalary ulanyp düzülen (özleşdirme ýok)Şeýle hem, “Bootstrap's Less”, “CSS”, “JavaScript” we şriftleri “ Composer ” -i ulanyp gurup we dolandyryp bilersiňiz :
“ Bootstrap ”, CSS satyjy prefiksleri bilen iş salyşmak üçin “ Autoprefixer ” -i ulanýar . “Bootstrap” -y “Less / Sass” çeşmesinden düzýän bolsaňyz we “Gruntfile” -ni ulanmaýan bolsaňyz, “Autoprefixer” -i gurmak prosesiňize özüňiz birikdirmeli bolarsyňyz. Öňünden düzülen Bootstrap ulanýan bolsaňyz ýa-da Gruntfile-ni ulanýan bolsaňyz, bu barada alada etmegiň zerurlygy ýok, sebäbi Autoprefixer eýýäm Gruntfile-e goşuldy.
“Bootstrap” -y iki görnüşde göçürip alyp bolýar, içinde umumy çeşmeleri logiki taýdan toparlap, düzülen we kiçeldilen üýtgeşmeleri üpjün edip, aşakdaky kataloglary we faýllary tapyp bilersiňiz.
JavaScript plaginleriniň hemmesiniň başlangyç şablonynda görkezilişi ýaly jQuery-yň goşulmagyny talap edýändigini ýadyňyzdan çykarmaň . JQuery-iň haýsy wersiýalarynyň goldanýandygyny görmek üçin biziň bilen maslahatlaşyň .bower.json
Göçürilenden soň, (düzülen) Bootstrap-yň gurluşyny görmek üçin gysylan bukjany açyň. Munuň ýaly bir zady görersiňiz:
Bu “Bootstrap” -yň iň esasy görnüşi: islendik web taslamasynda diýen ýaly çalt ulanylmagy üçin deslapky faýllar. bootstrap.*
Toplanan CSS we JS ( ), şeýle hem düzülen we kiçeldilen CSS we JS ( ) üpjün edýäris bootstrap.min.*
. CSS çeşme kartalary ( bootstrap.*.map
) käbir brauzerleri dörediji gurallar bilen ulanmak üçin elýeterlidir. “Glyphicons” -yň şriftleri, goşmaça “Bootstrap” mowzugy ýaly.
“Bootstrap” deslapky kody göçürip almak deslapky CSS, JavaScript we şrift aktiwlerini, çeşme Less, JavaScript we resminamalary öz içine alýar. Has takygy, aşakdakylary we başgalary öz içine alýar:
CSS less/
, JS we nyşan şriftlerimiziň ( js/
we fonts/
degişlilikde) deslapky kody. Papkada ýokardaky dist/
deslapky ýükleme bölüminde görkezilen zatlaryň hemmesi bar. Papkada resminamalarymyzyň docs/
deslapky kody we examples/
Bootstrap ulanylyşy bar. Mundan başga, islendik beýleki faýl paketleri, ygtyýarnama maglumatlary we ösüşi goldaýar.
“ Bootstrap ”, çarçuwa bilen işlemek üçin amatly usullar bilen “ Grunt ” -y gurmak ulgamy üçin ulanýar. Kodumyzy nädip düzýäris, synaglary geçirýäris we başgalar.
Grunt-y gurmak üçin ilki bilen node.js-i göçürip almaly we gurnamaly (npm-i öz içine alýar). npm düwün gaplanan modullary aňladýar we node.js. arkaly ösüşe baglylygy dolandyrmagyň usulydyr.
Soňra buýruk setirinden:grunt-cli
Bütin dünýäde guruň npm install -g grunt-cli
./bootstrap/
, soňra işlediň npm install
. npm faýla sereder package.json
we şol ýerde görkezilen zerur ýerli baglylyklary awtomatiki gurar.Gutaransoň, buýruk setirinden berlen dürli Grunt buýruklaryny işledip bilersiňiz.
grunt dist
(Diňe CSS we JavaScript düzüň)Toplanan /dist/
we kiçeldilen CSS we JavaScript faýllary bilen katalogy täzeleýär. “Bootstrap” ulanyjysy hökmünde bu adatça isleýän buýrugyňyzdyr.
grunt watch
(Serediň)Az çeşme faýllaryna tomaşa edýär we üýtgeşmäni ýatda saklanyňyzda olary awtomatiki usulda CSS-e düzýär.
grunt test
(Synaglary işlediň)JSHint -i işledýär we PhantomJS -de QUnit synaglaryny kellesiz işleýär .
grunt docs
(Dokumentleriň aktiwlerini guruň we synagdan geçiriň)Resminamalary ýerli görnüşde işledilende ulanylýan CSS, JavaScript we beýleki emläkleri gurýar we synagdan geçirýär bundle exec jekyll serve
.
grunt
(Hemme zady guruň we synaglary işlediň)CSS we JavaScript-i düzýär we kiçeldýär, resminamalar web sahypasyny gurýar, resminamalara garşy HTML5 tassyklaýjysyny işledýär, Müşderi aktiwlerini täzeden döredýär we ş.m. Jekyll talap edýär . Adatça diňe “Bootstrap” -yň özüni döwýän bolsaňyz zerur.
Baglanyşyklary gurmak ýa-da Grunt buýruklaryny işletmek bilen baglanyşykly kynçylyklar bilen ýüzbe-ýüz bolsaňyz, ilki /node_modules/
bilen npm tarapyndan döredilen katalogy pozuň. Soňra täzeden işlediň npm install
.
Bu esasy HTML şablonyndan başlaň ýa-da bu mysallary üýtgediň . Şablonlarymyzy we mysallarymyzy islegleriňize laýyklaşdyryp, düzersiňiz diýip umyt edýäris.
Minimal Bootstrap resminamasy bilen işe başlamak üçin aşakdaky HTML-i göçüriň.
“Bootstrap” -yň köp komponentleri bilen ýokardaky esasy şablonda guruň. “Bootstrap” -y aýratyn taslamaňyzyň isleglerine laýyklaşdyrmagy we uýgunlaşdyrmagy maslahat berýäris.
“Bootstrap” ammaryny göçürip alyp, aşakdaky her mysal üçin deslapky kody alyň . docs/examples/
Mysallary katalogda tapyp bilersiňiz .
Bootlint resmi Bootstrap HTML linter guralydyr. Bootstrap-y diýseň “vanil” görnüşinde ulanýan web sahypalarynda birnäçe umumy HTML ýalňyşlyklaryny awtomatiki barlaýar. Vanilla Bootstrap-yň komponentleri / gurallary DOM-yň bölekleriniň belli bir gurluşlara laýyk gelmegini talap edýär. “Bootlint”, “Bootstrap” komponentleriniň mysallarynyň dogry düzülen HTML bardygyny barlaýar. Bootlint web ösüş gurallar zynjyryna Bootlint goşmagy göz öňünde tutuň, umumy ýalňyşlyklaryň hiç biri taslamaňyzyň ösüşini haýallatmaz.
“Bootstrap” -yň ösüşi barada habarly boluň we bu peýdaly çeşmeler bilen jemgyýet bilen habarlaşyň.
irc.freenode.net
Serwerde, ## bootstrap kanalynda IRC ulanyp, Bootstrappers bilen söhbetdeşlik .twitter-bootstrap-3
-dan soraň .bootstrap
arkaly paýlanylanda Bootstrap-yň işleýşini üýtgedýän ýa-da goşýan paketlerdäki açar sözden peýdalanmalydyrlar .Şeýle hem iň soňky gybat we ajaýyp aýdym-saz wideolary üçin Twitter - de @getbootstrap yzarlap bilersiňiz .
“Bootstrap” sahypalaryňyzy dürli ekran ululyklary üçin awtomatiki usulda uýgunlaşdyrýar. Ine, bu aýratynlygy nädip öçürmeli, sahypaňyz bu jogap bermeýän mysal ýaly işleýär .
<meta>
görkezilen görnüşi goýuňwidth
Her gözenegiň derejesi üçin bir ini bilen üstaşyr ýazyň, .container
mysal üçin width: 970px !important;
, Bootstrap CSS-den soň gelendigine göz ýetiriň. !important
Mediýa talaplary ýa-da käbir saýlaýjy-fu bilen islege görä gaça durup bilersiňiz ..col-xs-*
üçin orta / uly sapaklara goşmaça ýa-da ýerine sapaklary ulanyň. Alada etme, kiçijik kiçi enjam paneli ähli çözgütlere terezini berýär.IE8 üçin size Respond.js gerek bolar (sebäbi media soraglarymyz henizem bar we işlenmeli). Bu, “Bootstrap” -yň “ykjam sahypasy” taraplaryny öçürýär.
Bu ädimleri mysal üçin ulandyk. Geçirilen anyk üýtgeşmeleri görmek üçin deslapky kody okaň.
Bootstrap-yň köne wersiýasyndan v3.x-a göçmek isleýärsiňizmi? Migrasiýa gollanmamyza göz aýlaň .
“Bootstrap” iň soňky iş stoly we ykjam brauzerlerde iň oňat işlemek üçin guruldy, ýagny köne brauzerler belli bir komponentleriň doly işleýän hem bolsa, başgaça görnüşde görkezilip bilner.
Has takygy, aşakdaky brauzerleriň we platformalaryň iň soňky wersiýalaryny goldaýarys.
WebKit, Blink ýa-da Gecko-nyň iň soňky wersiýasyny ulanýan alternatiw brauzerler, gönüden-göni ýa-da platformanyň web görnüşi API arkaly bolsun, aç-açan goldanylmaýar. Şeýle-de bolsa, “Bootstrap” (köplenç halatda) bu brauzerlerde dogry işlemeli we işlemeli. Has anyk goldaw maglumatlary aşakda berilýär.
Umuman aýdanyňda, Bootstrap her esasy platformanyň esasy brauzerleriniň iň soňky wersiýalaryny goldaýar. Proksi brauzerleriniň (Opera Mini, Opera Mobile-nyň Turbo rejimi, UC Browser Mini, Amazon Silk ýaly) goldanmaýandygyny ýadyňyzdan çykarmaň.
Chrome | Firefox | Safari | |
---|---|---|---|
Android | Goldaw | Goldaw | N / A |
iOS | Goldaw | Goldaw | Goldaw |
Şonuň ýaly-da, iş stoly brauzerleriniň köpüsiniň iň soňky wersiýalary goldanýar.
Chrome | Firefox | Internet Explorer | Opera | Safari | |
---|---|---|---|---|---|
Mac | Goldaw | Goldaw | N / A | Goldaw | Goldaw |
Windows | Goldaw | Goldaw | Goldaw | Goldaw | Goldaw berilmeýär |
Windows-da Internet Explorer 8-11-i goldaýarys .
“Firefox” üçin iň soňky adaty durnukly goýberişden başga-da, “Firefox” -yň iň soňky “ Giňeldilen goldaw goýberiş” (ESR) wersiýasyny hem goldaýarys.
Resmi däl bolsa, Bootstrap resmi taýdan goldanylmasa-da, Linux üçin Chromium we Chrome, Linux üçin Firefox, Internet Explorer 7, şeýle hem Microsoft Edge-de ýeterlik derejede özüni alyp barmaly.
“Bootstrap” -yň çözmeli käbir brauzer säwlikleriniň sanawy üçin brauzerimizdäki näsazlyklar diwaryna serediň .
Internet Explorer 8 we 9 hem goldanýar, ýöne käbir CSS3 häsiýetleriniň we HTML5 elementleriniň bu brauzerler tarapyndan doly goldanmaýandygyny ýatdan çykarmaň. Mundan başga-da, Internet Explorer 8 media talap goldawyny işjeňleşdirmek üçin Respond.js -den peýdalanmagy talap edýär.
Aýratynlyk | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Goldaw berilmeýär | Goldaw |
box-shadow |
Goldaw berilmeýär | Goldaw |
transform |
Goldaw berilmeýär | Prefiks bilen -ms goldanýar |
transition |
Goldaw berilmeýär | |
placeholder |
Goldaw berilmeýär |
CSS3 we HTML5 aýratynlyklaryny brauzer goldawy barada jikme-jiklikler üçin ulanyp bilerinmi?
Internet Explorer 8 üçin ösüş we önümçilik gurşawyňyzda Respond.js ulanylanda aşakdaky gowaklardan ägä boluň.
Başga (kiçi) domende (mysal üçin CDN-de) ýerleşdirilen CSS bilen Respond.js-i ulanmak goşmaça gurnama talap edýär. Jikme-jiklikler üçin Respond.js resminamalaryna serediň.
file://
Brauzeriň howpsuzlyk düzgünleri sebäpli, Respond.js protokol arkaly görlen sahypalar bilen işlemeýär file://
(ýerli HTML faýly açanyňyz ýaly). IE8-de täsirli aýratynlyklary barlamak üçin, HTTP (S) sahypalaryňyzy görüň. Jikme-jiklikler üçin Respond.js resminamalaryna serediň.
@import
Respond.js salgylanylýan CSS bilen işlemeýär @import
. Hususan-da, käbir Drupal konfigurasiýalarynyň ulanylýandygy mälimdir @import
. Jikme-jiklikler üçin Respond.js resminamalaryna serediň.
IE8 ,,, ýa-da birleşdirilende box-sizing: border-box;
doly goldaw bermeýär . Şol sebäpli, v3.0.1 bolşy ýaly, indi s - lerde ulanmaýarys .min-width
max-width
min-height
max-height
max-width
.container
@font-face
IE8 bilen birleşdirilende käbir meseleler bar :before
. “Bootstrap” “Glyphicons” bilen bu kombinasiýany ulanýar. Sahypa keş görnüşinde saklanylsa we penjiräniň üstünde syçanjyk bolmasa ýüklense (täzeleme düwmesine basyň ýa-da iframe bir zat ýükläň), şrift ýüklenmänkä sahypa görkeziler. Sahypanyň (bedeniň) üstünde gezmek käbir nyşanlary görkezer we galan nyşanlaryň üstünde gezmek hem şollary görkezer. Jikme-jiklikler üçin # 13863 sanyna serediň .
Bootstrap köne Internet Explorer sazlaşyk reesimlerinde goldanylmaýar. IE üçin iň soňky görkeziş tertibini ulanýandygyňyza göz ýetirmek üçin <meta>
sahypalaryňyza degişli belligi goşmagy göz öňünde tutuň:
Düzediş gurallaryny açmak bilen resminama re modeimini tassyklaň: F12"Resminama reodeimi" basyň we barlaň.
Bu bellik, Internet Explorer-iň her goldanýan wersiýasynda mümkin bolan iň gowy görkezilişi üpjün etmek üçin Bootstrap-yň ähli resminamalaryna we mysallaryna girýär.
Has giňişleýin maglumat üçin bu StackOverflow soragyna serediň.
Internet Explorer 10 enjamyň giňligini görüniş giňliginden tapawutlandyrmaýar we şeýlelik bilen Bootstrap-yň CSS-de media talaplaryny dogry ulanmaýar. Adatça muny düzetmek üçin CSS-iň çalt bölegini goşarsyňyz:
Şeýle-de bolsa, “Windows Phone 8” täzelenme 3-den (aka GDR3) köne wersiýalary işleýän enjamlar üçin işlemeýär , sebäbi bu enjamlaryň dar “telefon” görnüşine derek iş stoly görnüşini görkezmegine sebäp bolýar. Bu meseläni çözmek üçin, näsazlygyň üstünde işlemek üçin aşakdaky CSS we JavaScript-i goşmaly bolarsyňyz .
Has giňişleýin maglumat we ulanyş görkezmeleri üçin Windows Phone 8 we Enjam-Width okaň .
Başlyk hökmünde, muny Bootstrap-yň ähli resminamalaryna we görkeziş hökmünde mysallara goşýarys.
OS X üçin v7.1-den öň Safari we iOS v8.0 üçin Safari wersiýalarynyň hereketlendirijisi, .col-*-1
gözenek synplarymyzda ulanylýan onluk ýerleriň sanynda birneme kynçylyk çekdi. Şeýlelik bilen, 12 sany aýratyn gözenek sütüniňiz bar bolsa, beýleki sütünler bilen deňeşdirilende olaryň gysga çykandygyny görersiňiz. Safari / iOS-ny täzelemekden başga-da, iş usullary üçin käbir mümkinçilikleriňiz bar:
.pull-right
Gaty sag deňleşmek üçin iň soňky gözenegiň sütünine goşuňoverflow: hidden
Element üçin goldaw <body>
iOS we Android-de gaty çäklidir. Şol maksat bilen, şol enjamlaryň brauzerleriniň birinde modalyň ýokarsyny ýa-da aşagyny aýlasaňyz, <body>
mazmun aýlanyp başlar. Chrome bug # 175502 ( Chrome v40-da düzedilen) we WebKit bug # 153852 serediň .
IOS 9.3-e görä, modal açyk bolsa, aýlaw hereketiniň ilkibaşdaky teksti tekstiň <input>
ýa-da a -nyň çäginde bolsa <textarea>
, <body>
modalyň aşagyndaky mazmun modalyň ýerine derek aýlanar. WebKit bug # 153856 serediň .
Mundan başga-da, kesgitli bir navbar ulanýan bolsaňyz ýa-da modalyň içindäki girişleri ulanýan bolsaňyz, iOS-da wirtual klawiatura işledilende kesgitli elementleriň ýagdaýyny täzelemeýän ýalňyşlyk bar. Munuň üçin birnäçe çözgüt, elementleriňizi üýtgetmek position: absolute
ýa-da ýerleşişini el bilen düzetmek üçin fokus taýmerini ulanmagy öz içine alýar. Bu “Bootstrap” tarapyndan dolandyrylmaýar, şonuň üçin haýsy çözgüdiňiz üçin iň oňat çözgüdiňiz size bagly.
.dropdown-backdrop
Z-indeksirlemegiň çylşyrymlylygy sebäpli bu element deňizde iOS-da ulanylmaýar . Şeýlelik bilen, deňiz panellerindäki açylanlary ýapmak üçin aşak gaçýan elemente (ýa-da iOS-da basmak hadysasyny ýakjak başga bir element ) göni basmaly.
Sahypany ulaltmak hökmany suratda “Bootstrap” -da we webiň beýleki böleklerinde görkezilen eserleri görkezýär. Meselä baglylykda, ony düzedip bileris (ilki gözläň, zerur bolsa bir meseläni açyň). Şeýle-de bolsa, bulary äsgermezlik edýäris, sebäbi köplenç hackly işlerden başga göni çözgüt ýok.
:hover
/ :focus
ykjamDuýgur ekranlaryň köpüsinde hakyky gezelenç mümkin bolmasa-da, ykjam brauzerleriň köpüsi aýlaw goldawyna öýkünýärler we :hover
"ýelmeşýärler". Başga sözler bilen aýdylanda, :hover
stiller bir elemente degensoň ulanylyp başlaýar we diňe ulanyjy başga bir elementi basandan soň ulanylmagyny bes edýär. Bu, “Bootstrap” -yň :hover
ýagdaýlarynyň şeýle brauzerlerde islenilmeýän “ýapyşmagyna” sebäp bolup biler. Käbir ykjam brauzerler hem :focus
şuňa meňzeş ýelmeşýärler. Häzirki wagtda bu stilleri düýbünden aýyrmakdan başga ýönekeý çözgüt ýok.
Käbir häzirki zaman brauzerlerinde-de çap etmek gaty gyzykly bolup biler.
Hususan-da, Chrome v32 görnüşinde we margin sazlamalaryna garamazdan, Chrome web sahypasyny çap edende media soraglaryny çözmekde fiziki kagyz ölçeginden ep-esli dar görünýär. Bu, “Bootstrap” -yň goşmaça kiçi torunyň çap edilende garaşylmadyk ýagdaýda işjeňleşmegine sebäp bolup biler. Käbir jikme-jiklikler üçin 120 12078 we Chrome bug # 273306 serediň. Teklip edilen iş usullary:
@screen-*
printer kagyzyňyz kiçijikden has uly hasaplanar.Şeýle hem, “Safari v8.0” -e görä, kesgitli ini “ .container
Safari” çap edilende adatdan daşary kiçi şrift ululygyny ulanmagyna sebäp bolup biler. Has giňişleýin maglumat üçin # 14868 we WebKit bug # 138192 serediň. Munuň üçin potensial çözgütleriň biri aşakdaky CSS-ni goşmakdyr:
“Android 4.1” (hatda käbir täze çykanlar hem) brauzer programmasy bilen deslapky web brauzeri hökmünde saýlanýar (Chrome-dan tapawutlylykda). Gynansagam, Brauzer programmasynda köp sanly kemçilikler we umuman CSS bilen gapma-garşylyklar bar.
Elementlerde, we / ýa-da ulanylýan bolsa <select>
, Android aksiýa brauzeri gapdal dolandyryşlary görkezmez . ( Jikme-jiklikler üçin şu StackOverflow soragyna serediň.) Göwnüňize degýän CSS-i aýyrmak we Android aksiýa brauzerinde tertipsiz element hökmünde görkezmek üçin aşakdaky kod parçasyny ulanyň. Ulanyjy agentiniň ys almagy, Chrome, Safari we Mozilla brauzerlerine päsgelçiliklerden gaça durýar.border-radius
border
<select>
Mysal göresiňiz gelýärmi? Bu JS Bin demosyna göz aýlaň.
Köne we ýalňyş brauzerlere iň oňat tejribe bermek üçin Bootstrap , brauzerleriň özlerinde ýüze çykýan näsazlyklaryň üstünde işlemek üçin belli bir brauzer wersiýalaryna ýörite CSS-ni nyşana almak üçin birnäçe ýerde CSS brauzer hakerlerini ulanýar. Bu haklar CSS tassyklaýjylarynyň nädogrydygyna nägilelik bildirmegine sebäp bolýar. Birnäçe ýerde, entek doly standartlaşdyrylmadyk ganly CSS aýratynlyklaryny ulanýarys, ýöne bular diňe progressiw güýçlendirmek üçin ulanylýar.
Bu tassyklama duýduryşlary iş ýüzünde möhüm däl, sebäbi CSS-iň hack däl bölegi doly tassyklanýar we hakly bölekler haker däl bölegiň dogry işlemegine päsgel bermeýär, şonuň üçin bu duýduryşlary bilgeşleýin äsgermezlik edýäris.
HTML resminamalarymyzda belli bir Firefox näsazlygy üçin iş meýilnamasynyň goşulmagy sebäpli käbir ownuk we ähmiýetsiz HTML tassyklama duýduryşlary bar .
Haýsydyr bir üçünji tarap plaginlerini ýa-da goşmaçalaryny resmi taýdan goldamaýarys, taslamalaryňyzda ýüze çykyp biljek meselelerden gaça durmak üçin käbir peýdaly maslahatlary berýäris.
Käbir üçünji tarap programma üpjünçiligi, şol sanda Google Kartalar we Google Custom Search Engine, Bootstrap bilen gapma-garşy gelýär * { box-sizing: border-box; }
, bu düzgün padding
elementiň soňky hasaplanan giňligine täsir etmeýär. CSS hilelerinde guty modeli we ululygy barada has giňişleýin öwreniň .
Kontekste baglylykda, zerur bolanda (1-nji wariant) ýok edip bilersiňiz ýa-da tutuş sebitler üçin guty ölçegini täzeden düzüp bilersiňiz (2-nji wariant).
“Bootstrap” umumy web ülňülerine eýerýär we iň az goşmaça güýç bilen, AT ulanýanlar üçin elýeterli saýtlary döretmek üçin ulanylyp bilner .
Nawigasiýaňyzda köp baglanyşyk bar bolsa we DOM-daky esasy mazmundan Skip to main content
öň gelen bolsa, nawigasiýa başlamazdan ozal bir baglanyşyk goşuň (ýönekeý düşündiriş üçin nawigasiýa baglanyşyklaryndan geçmek baradaky A11Y Taslama makalasyna serediň ). Synpdan peýdalanmak, .sr-only
geçiriş baglanyşygyny wizual gizlär we .sr-only-focusable
synp baglanyşygyň bir gezek ünsi jemläninde görüner (klawiatura ulanyjylary üçin).
Chrome-da köpden bäri ýüze çykan kemçilikler / näsazlyklar sebäpli ( Chromium bug tracker-de 262171 meselä serediň ) we Internet Explorer ( sahypadaky baglanyşyklar we fokus tertibi boýunça bu makalany görüň), bökmek baglanyşygynyň nyşanyna göz ýetirmeli bolarsyňyz goşmak bilen iň bolmanda programma taýdan ünsi jemleýär tabindex="-1"
.
tabindex="-1"
Mundan başga-da, nyşana görünýän fokus görkezijisini aç-açan basyp bilersiňiz (esasanam, Chrome häzirki wagtda syçanjyga basylanda elementlere ünsi jemleýär ) #content:focus { outline: none; }
.
Bu näsazlyk, sahypaňyzyň ulanýan beýleki sahypa baglanyşyklaryna hem täsir edip, klawiatura ulanyjylary üçin peýdasyz bolar. Baglanyş nyşany hökmünde hereket edýän beýleki labyrlara / bölek kesgitleýjilere şuňa meňzeş aralyk boşlugyny düzmegi göz öňünde tutup bilersiňiz.
Höwürtge sözbaşylary ( <h1>
- <h6>
) ýerleşdirilende, esasy resminama sözbaşy bolmaly <h1>
. Ondan soňky sözbaşylar logiki taýdan peýdalanmalydyr <h2>
- <h6>
ekrany okyjylar sahypalaryňyz üçin mazmun tablisasyny gurup bilerler.
HTML CodeSniffer we Penn State's AccessAbility -da has giňişleýin öwreniň .
Häzirki wagtda “Bootstrap” -da bar bolan deslapky reňk kombinasiýalary (dürli görnüşli düwme synplary, esasy kod bloklary üçin ulanylýan reňkleri görkezýän käbir kodlar , .bg-primary
kontekstdäki fon kömekçi synpy we ak fonda ulanylanda deslapky baglanyşyk reňki) pes kontrast gatnaşygy bar ( maslahat berilýän gatnaşygy 4,5: 1 ). Görüşi pes bolan ýa-da reňk kör bolan ulanyjylara kynçylyk döredip biler. Bu deslapky reňkler, kontrastyny we laýyklygyny ýokarlandyrmak üçin üýtgedilmeli bolup biler.
“Bootstrap” MIT ygtyýarnamasy boýunça çykýar we awtorlyk hukugy 2016 Twitter. Kiçijik böleklere gaýnadylan bolsa, aşakdaky şertler bilen düşündirip bolar.
Doly Bootstrap ygtyýarnamasy has giňişleýin maglumat üçin taslama ammarynda ýerleşýär.
Jemgyýet agzalary Bootstrap resminamalaryny dürli dillere terjime etdiler. Hiç biri resmi taýdan goldanylmaýar we olar hemişe täzelenip bilmez.
Terjimeleri gurnamaga ýa-da ýerleşdirmäge kömek etmeýäris, diňe olar bilen baglanyşýarys.
Täze ýa-da has gowy terjime gutardyňyzmy? Sanawymyza goşmak üçin çekiş haýyşyny açyň.