Farawa
Bayanin Bootstrap, yadda ake saukewa da amfani, samfura na asali da misalai, da ƙari.
Bayanin Bootstrap, yadda ake saukewa da amfani, samfura na asali da misalai, da ƙari.
Bootstrap (a halin yanzu v3.3.7) yana da 'yan hanyoyi masu sauƙi don farawa da sauri, kowannensu yana da sha'awar matakin fasaha daban-daban da kuma amfani da shari'ar. Karanta don ganin abin da ya dace da bukatunku na musamman.
Haɗawa da rage girman CSS, JavaScript, da fonts. Babu takardu ko fayilolin tushen asali da aka haɗa.
Ƙananan tushe, JavaScript, da fayilolin rubutu, tare da takaddun mu. Yana buƙatar ƙarancin mai tarawa da wasu saitin.
Bootstrap da aka aika daga ƙasa zuwa Sass don sauƙaƙe haɗawa cikin ayyukan Rails, Compass, ko Sass-kawai.
Mutanen da ke kan jsDelivr cikin alheri suna ba da tallafin CDN don Bootstrap's CSS da JavaScript. Yi amfani da waɗannan hanyoyin haɗin Bootstrap CDN .
Hakanan zaka iya shigar da sarrafa Bootstrap's Less, CSS, JavaScript, da fonts ta amfani da Bower :
Hakanan zaka iya shigar da Bootstrap ta amfani da npm :
require('bootstrap')
za ta loda duk abubuwan jQuery na Bootstrap akan abin jQuery. Shi bootstrap
kansa tsarin ba ya fitar da komai. Kuna iya loda plugins jQuery na Bootstrap da hannu daban-daban ta hanyar loda /js/*.js
fayilolin a ƙarƙashin babban jagorar matakin fakitin.
Bootstrap's package.json
ya ƙunshi ƙarin ƙarin metadata ƙarƙashin maɓallan masu zuwa:
less
- hanyar zuwa babban fayil ɗin ƙaramin tushe na Bootstrapstyle
- Hanyar zuwa Bootstrap na CSS mara ƙarancin ƙima wanda aka riga aka haɗa ta amfani da saitunan tsoho (babu keɓancewa)Hakanan zaka iya shigar da sarrafa Bootstrap's Less, CSS, JavaScript, da fonts ta amfani da Mawaƙi :
Bootstrap yana amfani da Autoprefixer don ma'amala da prefixes masu siyar da CSS . Idan kana tattara Bootstrap daga tushen sa na ƙasa / Sass kuma ba sa amfani da Gruntfile ɗin mu, kuna buƙatar haɗa Autoprefixer cikin tsarin ginin ku da kanku. Idan kuna amfani da Bootstrap da aka riga aka haɗa ko amfani da Gruntfile ɗin mu, ba kwa buƙatar damuwa game da wannan saboda an riga an haɗa Autoprefixer cikin Gruntfile ɗin mu.
Ana iya zazzage Bootstrap a cikin nau'i biyu, a cikin su zaku sami kundayen adireshi da fayiloli masu zuwa, tattara albarkatu na gama gari cikin ma'ana tare da samar da duka bambance-bambancen da aka tattara da ragi.
Lura cewa duk plugins na JavaScript suna buƙatar haɗa jQuery , kamar yadda aka nuna a cikin samfurin farawa . Tuntuɓi mubower.json
don ganin waɗanne nau'ikan jQuery ne ake tallafawa.
Da zarar an sauke, buɗe babban fayil ɗin da aka matsa don ganin tsarin (wanda aka haɗa) Bootstrap. Za ku ga wani abu kamar haka:
Wannan shine mafi asali nau'i na Bootstrap: fayilolin da aka riga aka tattara don amfani da sauri cikin kusan kowane aikin gidan yanar gizo. Mun samar da hadadden CSS da JS ( bootstrap.*
), da kuma hadawa da rage girman CSS da JS ( bootstrap.min.*
). Akwai taswirar tushen CSS ( bootstrap.*.map
) don amfani tare da wasu kayan aikin haɓaka masu bincike. Haruffa daga Glyphicons an haɗa su, kamar yadda jigon Bootstrap ɗin zaɓi yake.
Zazzage lambar tushe ta Bootstrap ta ƙunshi CSS da aka riga aka tattara, JavaScript, da kadarorin rubutu, tare da ƙarancin tushe, JavaScript, da takaddun bayanai. Musamman ma, ya haɗa da masu zuwa da ƙari:
The less/
, js/
, kuma fonts/
su ne tushen lambar tushe don CSS, JS, da alamomin alamar (bi da bi). Babban dist/
fayil ɗin ya ƙunshi duk abin da aka jera a cikin ɓangaren zazzagewar da aka riga aka gama a sama. Babban docs/
fayil ɗin ya ƙunshi lambar tushe don takaddun mu, da examples/
na amfani da Bootstrap. Bayan haka, duk wani fayil ɗin da aka haɗa yana ba da tallafi don fakiti, bayanan lasisi, da haɓakawa.
Bootstrap yana amfani da Grunt don tsarin ginin sa, tare da hanyoyi masu dacewa don aiki tare da tsarin. Ta haka ne muke tattara lambar mu, gudanar da gwaje-gwaje, da ƙari.
Don shigar da Grunt, dole ne ka fara saukewa kuma shigar da node.js (wanda ya haɗa da npm). npm yana tsaye ne don kuɗaɗen ƙirar ƙira kuma hanya ce ta sarrafa abubuwan dogaro da ci gaba ta hanyar node.js.
Sannan, daga layin umarni:grunt-cli
da duniya tare da npm install -g grunt-cli
./bootstrap/
directory, sa'an nan gudu npm install
. npm zai duba package.json
fayil ɗin kuma ta atomatik shigar da abubuwan dogaro na gida da aka jera ta atomatik.Lokacin da aka gama, zaku iya gudanar da umarni daban-daban na Grunt da aka bayar daga layin umarni.
grunt dist
(Kawai tattara CSS da JavaScript)Yana sabunta kundin /dist/
adireshi tare da haɗaɗɗen kuma rage girman fayilolin CSS da JavaScript. A matsayin mai amfani da Bootstrap, wannan yawanci shine umarnin da kuke so.
grunt watch
(Kalli)Yana kallon ƙananan fayilolin tushen kuma yana sake tattara su ta atomatik zuwa CSS a duk lokacin da kuka ajiye canji.
grunt test
(Gudun gwaje-gwaje)Yana gudanar da JSHint kuma yana gudanar da gwajin QUnit ba tare da kai ba a cikin PhantomJS .
grunt docs
(Gina & gwada kadarorin docs)Gina da gwada CSS, JavaScript, da sauran kadarori waɗanda ake amfani da su lokacin gudanar da takaddun cikin gida ta hanyar bundle exec jekyll serve
.
grunt
(Gina cikakken komai kuma gudanar da gwaje-gwaje)Yana tattarawa kuma yana rage CSS da JavaScript, yana gina gidan yanar gizon takardu, yana gudanar da ingantaccen HTML5 akan takaddun, sabunta kadarorin Customizer, da ƙari. Yana buƙatar Jekyll . Yawancin lokaci dole ne kawai idan kuna yin hacking akan Bootstrap kanta.
Idan kun ci karo da matsaloli tare da shigar da abin dogaro ko gudanar da umarnin Grunt, da farko share littafin /node_modules/
da npm ya samar. Sa'an nan, sake yi npm install
.
Fara da wannan ainihin samfurin HTML, ko gyara waɗannan misalan . Muna fatan za ku keɓance samfuranmu da misalai, daidaita su don dacewa da bukatunku.
Kwafi HTML ɗin da ke ƙasa don fara aiki tare da ƙaramin takaddar Bootstrap.
Gina akan samfurin asali na sama tare da abubuwan haɗin Bootstrap da yawa. Muna ƙarfafa ku don tsarawa da daidaita Bootstrap don dacewa da bukatun aikin ku ɗaya.
Sami lambar tushe don kowane misali a ƙasa ta zazzage ma'ajiyar Bootstrap . Ana iya samun misalai a cikin kundin docs/examples/
adireshi.
Ƙirƙiri navbar na al'ada tare da ingantattun hanyoyin haɗi. A kula! Ba ma Safari abokantaka ba.
Bootlint shine kayan aikin Bootstrap HTML na hukuma . Yana bincika ta atomatik don kurakuran HTML da yawa a cikin shafukan yanar gizo waɗanda ke amfani da Bootstrap ta hanyar "vanilla" daidai. Abubuwan Vanilla Bootstrap / widgets suna buƙatar sassan su na DOM don dacewa da wasu sifofi. Bootlint yana bincika cewa misalan abubuwan abubuwan Bootstrap sun tsara HTML daidai. Yi la'akari da ƙara Bootlint zuwa kayan aikin haɓaka gidan yanar gizo na Bootstrap don kada wani kuskuren gama gari ya sassauta ci gaban aikin ku.
Ci gaba da kasancewa tare da ci gaban Bootstrap kuma ku isa ga al'umma tare da waɗannan albarkatu masu taimako.
irc.freenode.net
uwar garken, a cikin tashar ##bootstrap .twitter-bootstrap-3
.bootstrap
akan fakiti waɗanda ke canzawa ko ƙara zuwa ayyukan Bootstrap yayin rarraba ta npm ko hanyoyin isarwa makamantan don iyakar ganowa.Hakanan kuna iya bin @getbootstrap akan Twitter don sabbin tsegumi da bidiyoyin kiɗa masu ban mamaki.
Bootstrap yana daidaita shafukanku ta atomatik don girman allo daban-daban. Anan ga yadda ake kashe wannan fasalin don shafinku yayi aiki kamar wannan misalin mara amsawa .
<meta>
aka ambata a cikin takaddun CSSwidth
kan .container
na kowane matakin grid tare da faɗi ɗaya, misali width: 970px !important;
Tabbatar cewa wannan yana zuwa bayan tsoho Bootstrap CSS. Kuna iya guje wa zaɓin !important
tare da tambayoyin kafofin watsa labarai ko wasu zaɓaɓɓu-fu..col-xs-*
da azuzuwan ban da, ko a madadin, matsakaita/manyan. Kada ku damu, grid ɗin ƙaramar na'ura tana daidaita duk shawarwari.Har yanzu kuna buƙatar Respond.js don IE8 (tunda har yanzu tambayoyin kafofin watsa labarai suna nan kuma suna buƙatar sarrafa su). Wannan yana hana abubuwan "shafin hannu" na Bootstrap.
Mun yi amfani da waɗannan matakan zuwa misali. Karanta lambar tushe don ganin takamaiman canje-canjen da aka aiwatar.
Ana neman yin ƙaura daga tsohuwar sigar Bootstrap zuwa v3.x? Duba jagorar ƙaura .
An gina Bootstrap don yin aiki mafi kyau a cikin sabbin kayan bincike na tebur da wayar hannu, ma'ana tsofaffin masu bincike na iya nuna salo daban-daban, ko da yake suna da cikakken aiki, fassarar wasu abubuwan.
Musamman, muna goyan bayan sabbin sigogin masu bincike da dandamali masu zuwa.
Madadin masu bincike waɗanda ke amfani da sabuwar sigar WebKit, Blink, ko Gecko, ko kai tsaye ko ta hanyar API ɗin kallon yanar gizo, ba su da tallafi a sarari. Koyaya, Bootstrap yakamata (a mafi yawan lokuta) nunawa kuma yayi aiki daidai a cikin waɗannan masu binciken. An bayar da ƙarin takamaiman bayanin tallafi a ƙasa.
Gabaɗaya magana, Bootstrap yana goyan bayan sabbin juzu'ai na kowane babban dandamali ta tsoho mai bincike. Lura cewa masu bincike (irin su Opera Mini, Opera Mobile's Turbo yanayin, UC Browser Mini, Amazon Silk) ba su da tallafi.
Chrome | Firefox | Safari | |
---|---|---|---|
Android | Tallafawa | Tallafawa | N/A |
iOS | Tallafawa | Tallafawa | Tallafawa |
Hakazalika, ana tallafawa sabbin nau'ikan mafi yawan masu binciken tebur.
Chrome | Firefox | Internet Explorer | Opera | Safari | |
---|---|---|---|---|---|
Mac | Tallafawa | Tallafawa | N/A | Tallafawa | Tallafawa |
Windows | Tallafawa | Tallafawa | Tallafawa | Tallafawa | Ba a tallafawa |
A kan Windows, muna goyan bayan Internet Explorer 8-11 .
Don Firefox, ban da sabon sabuntawa na yau da kullun na yau da kullun, muna kuma goyan bayan sabuwar sigar Taimakon Taimako (ESR) na Firefox.
Ba bisa ka'ida ba, Bootstrap ya kamata ya duba da kyau sosai a cikin Chromium da Chrome don Linux, Firefox don Linux, da Internet Explorer 7, da kuma Microsoft Edge, kodayake ba a tallafa musu bisa hukuma ba.
Don jerin wasu kurakuran burauzar da Bootstrap ya yi fama da su, duba bangon bugs ɗin mu .
Internet Explorer 8 da 9 suma suna da tallafi, duk da haka, da fatan za a sani cewa wasu kaddarorin CSS3 da abubuwan HTML5 ba su da cikakken goyan bayan waɗannan masu binciken. Bugu da kari, Internet Explorer 8 yana buƙatar amfani da Respond.js don ba da damar tallafin tambayar mai jarida.
Siffar | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Ba a tallafawa | Tallafawa |
box-shadow |
Ba a tallafawa | Tallafawa |
transform |
Ba a tallafawa | Goyan bayan, tare da -ms prefix |
transition |
Ba a tallafawa | |
placeholder |
Ba a tallafawa |
Ziyarci Zan iya amfani da... don cikakkun bayanai kan tallafin mazuruftar abubuwan CSS3 da HTML5.
Hattara da fa'idodin masu zuwa lokacin amfani da Respond.js a cikin haɓakawa da yanayin samarwa don Internet Explorer 8.
Amfani da Respond.js tare da CSS da aka shirya akan wani yanki (misali, akan CDN) yana buƙatar ƙarin saitin. Duba Respond.js docs don cikakkun bayanai.
file://
Saboda ka'idojin tsaro na burauza, Respond.js baya aiki tare da shafukan da aka duba ta hanyar file://
yarjejeniya (kamar lokacin buɗe fayil ɗin HTML na gida). Don gwada fasalulluka masu amsawa a cikin IE8, duba shafukanku akan HTTP(S). Duba Respond.js docs don cikakkun bayanai.
@import
Respond.js baya aiki tare da CSS wanda aka ambata ta hanyar @import
. Musamman, an san wasu saitunan Drupal don amfani @import
. Duba Respond.js docs don cikakkun bayanai.
IE8 baya cikakken goyan baya box-sizing: border-box;
lokacin da aka haɗa shi da min-width
, max-width
, min-height
, ko max-height
. Don haka, kamar na v3.0.1, ba mu ƙara amfani max-width
da .container
s.
IE8 yana da wasu matsaloli tare da@font-face
lokacin da aka haɗa su tare da :before
. Bootstrap yana amfani da wannan haɗin tare da Glyphicons. Idan shafi yana cache, kuma an loda shi ba tare da linzamin kwamfuta ba akan taga (watau danna maɓallin refresh ko loda wani abu a cikin iframe) to shafin yana farawa kafin saukar da font ɗin. Yin shawagi akan shafi (jiki) zai nuna wasu gumakan kuma yin shawagi akan sauran gumakan zai nuna waɗancan su ma. Duba fitowar #13863 don cikakkun bayanai.
Bootstrap ba shi da tallafi a cikin tsoffin hanyoyin dacewa da Internet Explorer. Don tabbatar da cewa kuna amfani da sabon yanayin fassara don IE, la'akari da haɗa alamar da ta dace <meta>
a cikin shafukanku:
Tabbatar da yanayin daftarin aiki ta buɗe kayan aikin lalata: latsa F12kuma duba "Yanayin Takardu".
An haɗa wannan alamar a cikin duk takaddun Bootstrap da misalan don tabbatar da mafi kyawun ma'anar da zai yiwu a kowace sigar Internet Explorer da aka goyan baya.
Duba wannan tambayar StackOverflow don ƙarin bayani.
Internet Explorer 10 ba ya bambanta faɗin na'ura daga nisa na kallo , don haka baya amfani da tambayoyin kafofin watsa labarai da kyau a cikin Bootstrap's CSS. A al'ada za ku ƙara kawai snippet na CSS don gyara wannan:
Duk da haka, wannan ba ya aiki ga na'urorin da ke aiki da nau'ikan Windows Phone 8 da suka girmi Update 3 (aka GDR3) , saboda yana sa irin waɗannan na'urori su nuna mafi yawan kallon tebur maimakon kunkuntar kallon "wayar". Don magance wannan, kuna buƙatar haɗa da CSS masu zuwa da JavaScript don aiki a kusa da kwaro .
Don ƙarin bayani da jagororin amfani, karanta Windows Phone 8 da Faɗin Na'ura .
A matsayin jagora, mun haɗa wannan a cikin duk takaddun Bootstrap da misalai azaman nuni.
Injin sarrafa nau'ikan Safari kafin v7.1 don OS X da Safari don iOS v8.0 yana da matsala tare da adadin wuraren ƙima da aka yi amfani da su a .col-*-1
azuzuwan grid ɗin mu. Don haka idan kuna da ginshiƙan grid guda 12, za ku lura cewa sun zo gajere idan aka kwatanta da sauran layuka na ginshiƙai. Bayan haɓaka Safari/iOS, kuna da wasu zaɓuɓɓuka don abubuwan aiki:
.pull-right
zuwa ginshiƙin grid ɗinku na ƙarshe don samun jeri mai wuya-damaTaimakon overflow: hidden
akan <body>
kashi yana da iyakancewa a cikin iOS da Android. Don wannan, lokacin da kuka gungura sama ko ƙasan modal a cikin ɗaya daga cikin masu binciken na'urorin, <body>
abun ciki zai fara gungurawa. Duba kwaro na Chrome #175502 (wanda aka gyara a cikin Chrome v40) da kuma bug WebKit #153852 .
Dangane da iOS 9.3, yayin da modal ke buɗewa, idan farkon taɓawar alamar gungura ta kasance a cikin iyakar rubutu <input>
ko a <textarea>
, <body>
abubuwan da ke ƙarƙashin modal ɗin za a gungurawa maimakon modal kanta. Duba kwaro na WebKit #153856 .
Har ila yau, lura cewa idan kana amfani da kafaffen navbar ko amfani da bayanai a cikin modal, iOS yana da bug ɗin ma'anar da ba ya sabunta matsayi na ƙayyadaddun abubuwa lokacin da aka kunna maballin kama-da-wane. ƴan hanyoyin magance wannan sun haɗa da canza abubuwan ku zuwa position: absolute
ko kiran mai ƙidayar lokaci akan mayar da hankali don ƙoƙarin gyara matsayi da hannu. Bootstrap ba ya sarrafa wannan, don haka ya rage naku don yanke shawarar wacce mafita ce mafi kyau ga aikace-aikacen ku.
Ba .dropdown-backdrop
a yi amfani da kashi a kan iOS a cikin nav saboda sarkar z-indexing. Don haka, don rufe zazzagewa a cikin navbars, dole ne ku danna maɓallin zazzage kai tsaye (ko duk wani abu wanda zai kunna taron dannawa a cikin iOS ).
Zuƙowa shafi babu makawa yana gabatar da kayan tarihi a wasu sassa, duka a cikin Bootstrap da sauran gidan yanar gizo. Dangane da batun, ƙila za mu iya gyara shi (bincika da farko sannan buɗe batun idan akwai buƙata). Duk da haka, muna yawan yin watsi da waɗannan saboda galibi ba su da wata mafita ta kai tsaye face abubuwan da ba su dace ba.
:hover
/ :focus
akan wayar hannuKo da yake ba zai yiwu a yi shawagi na gaske akan mafi yawan allon taɓawa ba, yawancin masu binciken wayar hannu suna yin koyi da goyan bayan shawagi kuma suna yin :hover
“mai ɗaure”. Ma'ana, :hover
salo suna fara amfani bayan taɓa wani abu kuma kawai a daina amfani bayan mai amfani ya taɓa wani abu. Wannan na iya sa :hover
jihohin Bootstrap su zama ''manne'' a kan irin waɗannan masu binciken. Wasu masu bincike na wayar hannu suma suna yin :focus
mannewa irin wannan. A halin yanzu babu wata hanya mai sauƙi don waɗannan batutuwan banda cire irin waɗannan salon gaba ɗaya.
Ko da a wasu mashawartan zamani, bugu na iya zama da ban mamaki.
Musamman, kamar na Chrome v32 kuma ba tare da la'akari da saitunan gefe ba, Chrome yana amfani da faɗin wurin kallo sosai kunkuntar fiye da girman takarda ta zahiri yayin warware tambayoyin kafofin watsa labarai yayin buga shafin yanar gizon. Wannan na iya haifar da ƙaramar grid ɗin Bootstrap ana kunna ba zato ba tsammani lokacin bugawa. Duba fitowar #12078 da Chrome bug #273306 don wasu cikakkun bayanai. Abubuwan da aka ba da shawarar:
@screen-*
Ƙananan masu canji ta yadda za a ɗauki takardar firinta ta fi ƙarami.Hakanan, kamar na Safari v8.0, ƙayyadaddun faɗin .container
s na iya haifar da Safari don amfani da ƙaramin girman font da ba a saba gani ba yayin bugawa. Duba #14868 da kuma WebKit bug #138192 don ƙarin cikakkun bayanai. Ɗaya mai yuwuwar hanyar magance wannan shine ƙara CSS mai zuwa:
Daga cikin akwatin, Android 4.1 (har ma da wasu sabbin sakewa a bayyane) suna jigilar kaya tare da aikace-aikacen Browser azaman babban mai binciken gidan yanar gizo na zaɓi (saɓanin Chrome). Abin takaici, ƙa'idar Mai lilo tana da ɗimbin kwari da rashin daidaituwa tare da CSS gabaɗaya.
A kan <select>
abubuwa, mai binciken hannun jari na Android ba zai nuna ikon sarrafawa ba idan akwai border-radius
da/ko border
amfani. (Dubi wannan tambayar StackOverflow don cikakkun bayanai.) Yi amfani da snippet na lambar da ke ƙasa don cire CSS mai laifi da kuma mayar da <select>
shi azaman nau'in da ba a yi masa salo ba akan mai binciken hannun jari na Android. Wakilin mai amfani yana shaka yana guje wa tsoma baki tare da Chrome, Safari, da Mozilla.
Kuna son ganin misali? Duba wannan JS Bin demo.
Domin samar da mafi kyawun yuwuwar ƙwarewa ga tsofaffi da masu bincike, Bootstrap yana amfani da hacks na masu binciken CSS a wurare da yawa don ƙaddamar da CSS na musamman zuwa wasu nau'ikan burauzar don yin aiki tare da kwari a cikin masu binciken da kansu. Waɗannan hacks a fahimta suna haifar da masu inganta CSS don yin korafin cewa ba su da inganci. A wurare biyu, muna kuma amfani da siffofin CSS masu zubar da jini waɗanda har yanzu ba a daidaita su ba, amma ana amfani da su kawai don haɓaka haɓakawa.
Waɗannan faɗakarwar tabbatarwa ba su da mahimmanci a aikace tunda ɓangaren da ba na ɓarna ba na CSS ɗinmu ya inganta cikakke kuma ɓangaren ɓarna ba sa tsoma baki tare da ingantaccen aiki na ɓangaren mara ɓarna, don haka me yasa muka yi watsi da waɗannan gargaɗin da gangan.
Dokokin mu na HTML suma suna da gargaɗin ingantattun HTML marasa mahimmanci kuma marasa amfani saboda haɗawar da muka yi don wani bug na Firefox .
Duk da yake ba mu goyan bayan wani plugins na ɓangare na uku a hukumance ko ƙari ba, muna ba da wasu shawarwari masu amfani don taimakawa guje wa yuwuwar al'amurra a cikin ayyukanku.
Wasu software na ɓangare na uku, gami da Google Maps da Google Custom Search Engine, suna cin karo da Bootstrap saboda * { box-sizing: border-box; }
, ƙa'idar da ta sa hakan padding
ba ta shafar faɗin ƙididdiga na ƙarshe na wani abu. Ƙara koyo game da samfurin akwatin da girman girman a CSS Tricks .
Dangane da mahallin, zaku iya soke kamar yadda ake buƙata (Zaɓi 1) ko sake saita girman akwatin don duka yankuna (Zaɓi 2).
Bootstrap yana bin ka'idodin gidan yanar gizo gama gari kuma - tare da ƙaramin ƙoƙari - ana iya amfani da shi don ƙirƙirar rukunin yanar gizo waɗanda ke isa ga waɗanda ke amfani da AT .
Idan kewayawa ya ƙunshi hanyoyi da yawa kuma ya zo gaban babban abun ciki a cikin DOM, ƙara hanyar Skip to main content
haɗi kafin kewayawa (don bayani mai sauƙi, duba wannan labarin A11Y Project akan hanyoyin haɗin kewayawa ). Yin amfani da .sr-only
ajin zai ɓoye mahaɗin tsallake-tsallake a gani, kuma .sr-only-focusable
ajin zai tabbatar da cewa hanyar haɗin zata bayyana sau ɗaya an mayar da hankali (ga masu amfani da madannai masu gani).
Saboda dadewar gazawar / kwari a cikin Chrome (duba fitowar 262171 a cikin Chromium bug tracker ) da kuma Internet Explorer (duba wannan labarin akan hanyoyin haɗin yanar gizo da oda mai da hankali ), kuna buƙatar tabbatar da cewa makasudin hanyar tsallakewar ku. yana da aƙalla shirin mai da hankali ta ƙara tabindex="-1"
.
Bugu da ƙari, ƙila za ku so a zahiri murkushe nunin mayar da hankali a bayyane akan manufa (musamman kamar yadda Chrome a halin yanzu yake saita mayar da hankali kan abubuwa tare da tabindex="-1"
lokacin da aka danna su tare da linzamin kwamfuta) tare da #content:focus { outline: none; }
.
Lura cewa wannan kwaro kuma zai shafi duk wata hanyar haɗin yanar gizo da rukunin yanar gizonku ke amfani da shi, yana mai da su mara amfani ga masu amfani da madannai. Kuna iya yin la'akari da ƙara irin wannan gyaran tazarar tazarar zuwa duk sauran masu gano anka/gutsuwa mai suna waɗanda ke aiki azaman maƙasudin haɗin gwiwa.
Lokacin da ake saka kanun ( <h1>
- <h6>
), babban rubutun ku ya kamata ya zama <h1>
. Ya kamata taken da ke gaba ya yi amfani da hankali <h2>
- <h6>
kamar yadda masu karanta allo za su iya gina teburin abubuwan ciki don shafukanku.
Ƙara koyo a HTML CodeSniffer da Samun damar Jihar Penn .
A halin yanzu, wasu abubuwan haɗin launi na tsoho da ake samu a cikin Bootstrap (kamar azuzuwan maɓalli masu salo daban-daban , wasu lambobin da ke nuna launuka da aka yi amfani da su don tubalan lambar asali , aji mai taimako na .bg-primary
mahallin mahallin , da tsohuwar hanyar haɗin yanar gizo lokacin amfani da farar bango) suna da ƙananan bambanci (a ƙasa da shawarar da aka ba da shawarar na 4.5: 1 ). Wannan na iya haifar da matsala ga masu amfani da ƙananan gani ko waɗanda suke makafi masu launi. Waɗannan launukan tsoho na iya buƙatar gyaggyara don ƙara bambancinsu da halaccinsu.
An saki Bootstrap a ƙarƙashin lasisin MIT kuma haƙƙin mallaka ne na 2016 Twitter. Boiled ƙasa zuwa ƙananan ƙugiya, ana iya kwatanta shi tare da yanayi masu zuwa.
Cikakken lasisin Bootstrap yana cikin wurin ajiyar aikin don ƙarin bayani.
Membobin al'umma sun fassara takaddun Bootstrap zuwa harsuna daban-daban. Babu ɗayan da aka goyan baya bisa hukuma kuma ƙila ba koyaushe ya kasance na zamani ba.
Ba ma taimakawa wajen tsarawa ko ɗaukar fassarori, muna haɗa su kawai.
An gama sabon ko mafi kyawun fassarar? Bude buƙatar ja don ƙara shi zuwa lissafin mu.