Destpêkirin
Awirek li ser Bootstrap, meriv çawa dakêşîne û bikar tîne, şablon û nimûneyên bingehîn, û hêj bêtir.
Awirek li ser Bootstrap, meriv çawa dakêşîne û bikar tîne, şablon û nimûneyên bingehîn, û hêj bêtir.
Bootstrap (niha v3.3.7) çend awayên hêsan hene ku meriv zû dest pê bike, her yek ji astek jêhatîbûnek cihêreng û dozek bikar tîne. Bixwînin da ku bibînin ka çi li gorî hewcedariyên we yên taybetî ye.
CSS, JavaScript, û fonts berhev kirin û kêm kirin. Tu belge an pelên çavkaniyê yên orîjînal nagirin.
Çavkanî Kêm, JavaScript, û pelên fontê, ligel belgeyên me. Berhevkarek Kêmtir û hin sazûman hewce dike.
Bootstrap ji Less berbi Sass ve hatî veguheztin da ku bi hêsanî di projeyên Rails, Compass, an Sass-tenê de têkevin.
Kesên li ser jsDelivr bi dilovanî piştgirîya CDN-ê ji bo CSS û JavaScript-a Bootstrap peyda dikin. Tenê van girêdanên Bootstrap CDN bikar bînin .
Her weha hûn dikarin Bootstrap's Less, CSS, JavaScript û fontên bi karanîna Bower saz bikin û rêvebirin :
Her weha hûn dikarin Bootstrap-ê bi karanîna npm saz bikin :
require('bootstrap')
dê hemî pêvekên jQuery yên Bootstrap li ser tiştê jQuery bar bike. Modul bootstrap
bixwe tiştek dernaxe. Hûn dikarin pêvekên jQuery yên Bootstrap-ê bi destan bar bikin û /js/*.js
pelan li binê pelrêça jorîn a pakêtê bar bikin.
Bootstrap package.json
di bin bişkojkên jêrîn de hin metadaneyên din vedihewîne:
less
- riya pelê sereke ya çavkaniya Kêm a Bootstrapstyle
- Rêya berbi CSS-ya ne-kêmkirî ya Bootstrap ku bi karanîna mîhengên xwerû hatî berhev kirin (bê xwerû)Her weha hûn dikarin Bootstrap's Less, CSS, JavaScript, û tîpên bi karanîna Composer saz bikin û rêvebirin :
Bootstrap Autoprefixer bikar tîne da ku bi pêşgirên firoşkarê CSS re mijûl bibe . Ger hûn Bootstrap-ê ji çavkaniya wê ya Less/Sass berhev dikin û Gruntfile me bikar neynin, hûn ê hewce bikin ku Autoprefixer bixwe di pêvajoya avakirina xwe de yek bikin. Heke hûn Bootstrap-a pêşwextkirî bikar tînin an jî Gruntfile-ya me bikar tînin, hûn ne hewce ne ku ji vê yekê bitirsin ji ber ku Autoprefixer jixwe di Gruntfile me de yekgirtî ye.
Bootstrap di du awayan de tê dakêşandin, di nav wan de hûn ê peldank û pelên jêrîn bibînin, bi mentiqî çavkaniyên hevpar kom dikin û hem guhertoyên berhevkirî û hem jî kêmkirî peyda dikin.
Ji kerema xwe not bikin ku hemî pêvekên JavaScript-ê hewce dike ku jQuery tê de be, wekî ku di şablona destpêkê de tê xuyang kirin. Bi me re şêwirbower.json
bikin ku bibînin ka kîjan guhertoyên jQuery têne piştgirî kirin.
Piştî dakêşandinê, peldanka pêçandî vekin da ku avahiya Bootstrap-ê (berhevkirî) bibînin. Hûn ê tiştek weha bibînin:
Ev forma herî bingehîn a Bootstrap e: Pelên pêşdibistanê ji bo karanîna bilez di hema hema her projeyek malperê de têne berhev kirin. Em CSS û JS ( bootstrap.*
), û her weha CSS û JS ( bootstrap.min.*
) berhevkirî û kêmkirî peyda dikin. Nexşeyên çavkaniya CSS ( bootstrap.*.map
) ji bo karanîna bi hin amûrên pêşdebirên gerokan re hene. Fontên ji Glyphicons tê de hene, wekî mijara vebijarkî ya Bootstrap.
Dakêşana koda çavkaniyê ya Bootstrap, CSS, JavaScript, û hebûnên fontê yên pêşwext berhevkirî, digel çavkanî Less, JavaScript, û belgekirinê vedihewîne. Bi taybetî, ew tiştên jêrîn û bêtir dihewîne:
, less/
, js/
û fonts/
ji bo tîpên me yên CSS, JS, û îkonê koda çavkaniyê ne (bi rêzê). Peldanka dist/
her tiştê ku di beşa dakêşana pêşîn a li jor de hatî destnîşan kirin vedihewîne. Peldanka docs/
koda çavkaniyê ji bo belgeyên me, û examples/
karanîna Bootstrap vedihewîne. Ji xeynî wê, pelek din a tê de piştgirî ji pakêtan, agahdariya lîsansê û pêşkeftinê re peyda dike.
Bootstrap ji bo pergala avakirina xwe, bi rêbazên hêsan ên ji bo xebata bi çarçoweyê re, Grunt bikar tîne. Bi vî rengî em koda xwe berhev dikin, ceribandinan dimeşînin, û hêj bêtir.
Ji bo sazkirina Grunt, divê hûn pêşî dakêşin û saz bikin node.js (ku npm tê de ye). npm ji bo modulên pakêtkirî yên nodê radiweste û rêyek e ku meriv pêgirêdanên pêşkeftinê bi navgîniya node.js ve rêve bibe.
Piştre, ji rêzika fermanê:grunt-cli
gerdûnî saz bikin npm install -g grunt-cli
./bootstrap/
, paşê bimeşîne npm install
. npm dê li package.json
pelê binêre û bixweber pêwendiyên herêmî yên ku li wir hatine navnîş kirin saz bike.Dema ku qediya, hûn ê bikaribin fermanên cihêreng ên Grunt ên ku ji rêzika fermanê têne peyda kirin bimeşînin.
grunt dist
(Tenê CSS û JavaScript berhev bikin)/dist/
Bi pelên CSS û JavaScript-ê yên berhevkirî û kêmkirî pelrêçek ji nû ve çêdike . Wekî bikarhênerek Bootstrap, ev bi gelemperî fermana ku hûn dixwazin e.
grunt watch
(Seet)Pelên çavkaniya Kêmtir temaşe dike û gava ku hûn guhartinek hilînin bixweber wan ji nû ve li CSS berhev dike.
grunt test
(Testanan bike)JSHint -ê dimeşîne û di PhantomJS -ê de ceribandinên QUnit bêserûber dimeşîne .
grunt docs
(Avakirin û ceribandina malikên belgeyan)CSS, JavaScript, û hebûnên din ên ku dema ku belgeyên herêmî bi rê ve diçin têne bikar anîn ava dike û diceribîne bundle exec jekyll serve
.
grunt
(Bi tevahî her tiştî ava bikin û ceribandinan bimeşînin)CSS û JavaScript-ê berhev dike û piçûk dike, malpera belgekirinê ava dike, verastkera HTML5 li hember belgeyan dimeşîne, malzemeyên Customizer ji nû ve çêdike, û hêj bêtir. Jekyll hewce dike. Bi gelemperî tenê hewce ye ku hûn li ser Bootstrap bixwe hack dikin.
Ger hûn di sazkirina girêdanan an xebitandina fermanên Grunt de bi pirsgirêkan re rû bi rû bimînin, pêşî /node_modules/
pelrêça ku ji hêla npm ve hatî çêkirin jêbirin. Piştre, dubare npm install
bikin.
Bi vê şablonê HTML-a bingehîn dest pê bikin, an jî van mînakan biguherînin . Em hêvî dikin ku hûn ê şablon û nimûneyên me xweş bikin, wan li gorî hewcedariyên xwe biguncînin.
HTML-ya jêrîn kopî bikin da ku bi belgeyek Bootstrap-a hindiktirîn dest bi xebatê bikin.
Bi gelek hêmanên Bootstrap-ê li ser şablona bingehîn a li jor ava bikin. Em ji we re teşwîq dikin ku Bootstrap li gorî hewcedariyên projeya xweya kesane xweş bikin û biguncînin.
Ji bo her nimûneya jêrîn koda çavkaniyê bi dakêşana depoya Bootstrap bistînin . Nimûne di pelrêçê de têne dîtin docs/examples/
.
Bootlint amûra fermî ya HTML-ê ya Bootstrap e . Ew bixweber çend xeletiyên hevpar ên HTML-ê di nav rûpelên malperê de ku Bootstrap-ê bi rengek "vanilla" bikar tînin kontrol dike. Pêkhatên / widgetên Vanilla Bootstrap hewce dike ku beşên wan ên DOM-ê li gorî hin avahiyan tevbigerin. Bootlint kontrol dike ku nimûneyên pêkhateyên Bootstrap HTML-ê rast-avakirî ne. Bifikirin ku Bootlint li zincîra amûra pêşkeftina webê ya Bootstrap zêde bikin da ku yek ji xeletiyên hevpar pêşkeftina projeya we hêdî neke.
Li ser pêşveçûna Bootstrap-ê rojane bimînin û bi van çavkaniyên arîkar xwe bigihînin civakê.
irc.freenode.net
serverê de, di kanala ##bootstrap de sohbet bikin.twitter-bootstrap-3
bipirsin .bootstrap
Pêdivî ye ku pêşdebir li ser pakêtên ku fonksiyona Bootstrap-ê diguhezînin an lê zêde dikin dema ku bi navgîniya npm an mekanîzmayên radestkirina mîna hev belav dikin ji bo vedîtina herî zêde peyva sereke bikar bînin .Her weha hûn dikarin @getbootstrap li ser Twitter-ê ji bo gotegot û vîdyoyên muzîkê yên hêja bişopînin.
Bootstrap bixweber rûpelên we ji bo pîvanên cihêreng ên dîmenderê adapte dike. Li vir e ku meriv çawa vê taybetmendiyê neçalak dike da ku rûpela we mîna vê mînaka nebersiv kar bike .
<meta>
de hatî destnîşan kirin derxewidth
Ji bo her rêza .container
torê bi yek firehiyek veguhezînin, mînakî Pê width: 970px !important;
bawer bin ku ev li dû Bootstrap CSS-ya xwerû tê. Hûn dikarin vebijarkî ji !important
pirsên medyayê an hin hilbijêr-fu dûr bixin..col-xs-*
bilî, an li şûna yên navîn/mezin ders bikar bînin. Xem neke, tora cîhaza zêde-biçûk li gorî hemî biryaran hûr dibe.Hûn ê hîn jî ji bo IE8 hewceyê Respond.js bin (ji ber ku pirsên me yên medyayê hîn jî li wir in û hewce ne ku bêne pêvajo kirin). Ev aliyên "malpera mobîl" ya Bootstrap neçalak dike.
Me van gavan ji bo mînakekê sepand. Koda çavkaniya wê bixwînin da ku hûn guhertinên taybetî yên hatine bicîh kirin bibînin.
Ma hûn dixwazin ji guhertoyek kevintir a Bootstrap-ê koçî v3.x bikin? Binêre rêberê meya koçberiyê .
Bootstrap hatiye çêkirin ku di gerokên herî dawî yên sermaseyê û mobîl de çêtirîn bixebite, tê vê wateyê ku gerokên kevintir dibe ku bi şêwazên cûda, her çend bi tevahî fonksiyonel, vegotinên hin pêkhateyan nîşan bidin.
Bi taybetî, em guhertoyên herî dawî yên gerok û platformên jêrîn piştgirî dikin.
Gerokên alternatîf ên ku guhertoya herî dawî ya WebKit, Blink, an Gecko bikar tînin, çi rasterast an bi riya API-ya dîtina webê ya platformê, bi eşkere nayê piştgirî kirin. Lêbelê, Bootstrap divê (di pir rewşan de) di van gerokan de jî rast nîşan bide û bixebite. Agahdariya piştevaniya taybetî ya li jêr tê peyda kirin.
Bi gelemperî, Bootstrap guhertoyên herî paşîn ên gerokên xwerû yên her platforma sereke piştgirî dike. Têbînî ku gerokên proxy (wek Opera Mini, moda Turbo ya Opera Mobile, UC Browser Mini, Amazon Silk) nayên piştgirî kirin.
Chrome | Firefox | Safari | |
---|---|---|---|
Android | Piştgirî kirin | Piştgirî kirin | N/A |
iOS | Piştgirî kirin | Piştgirî kirin | Piştgirî kirin |
Bi heman rengî, guhertoyên herî dawî yên piraniya gerokên sermaseyê têne piştgirî kirin.
Chrome | Firefox | Internet Explorer | Opîra | Safari | |
---|---|---|---|---|---|
Mac | Piştgirî kirin | Piştgirî kirin | N/A | Piştgirî kirin | Piştgirî kirin |
Windows | Piştgirî kirin | Piştgirî kirin | Piştgirî kirin | Piştgirî kirin | Ne piştgirî kirin |
Li ser Windows-ê, em piştgirî didin Internet Explorer 8-11 .
Ji bo Firefox, ji bilî serbestberdana asayî ya herî paşîn, em guhertoya herî dawî ya berdana Piştgiriya Berfireh (ESR) ya Firefox-ê jî piştgirî dikin.
Nefermî, Bootstrap divê li Chromium û Chrome ji bo Linux, Firefox ji bo Linux, û Internet Explorer 7, û hem jî Microsoft Edge bi têra xwe baş xuya bike û tevbigere, her çend ew bi fermî nayên piştgirî kirin.
Ji bo navnîşek hin xeletiyên gerokê ku Bootstrap neçar e ku bi wan re mijûl bibe, li Dîwarê xeletiyên gerokê binêrin .
Internet Explorer 8 û 9 jî piştgirî ne, lêbelê, ji kerema xwe hay ji xwe hebin ku hin taybetmendiyên CSS3 û hêmanên HTML5 bi tevahî ji hêla van gerokan ve nayên piştgirî kirin. Wekî din, Internet Explorer 8 hewce dike ku Respond.js bikar bîne da ku piştgiriya pirsa medyayê çalak bike.
Taybetî | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Ne piştgirî kirin | Piştgirî kirin |
box-shadow |
Ne piştgirî kirin | Piştgirî kirin |
transform |
Ne piştgirî kirin | Piştgirî, bi -ms pêşgir |
transition |
Ne piştgirî kirin | |
placeholder |
Ne piştgirî kirin |
Ji bo hûrguliyên li ser piştgirîya gerokê ya taybetmendiyên CSS3 û HTML5, biçin Ez dikarim bikar bînim...
Dema ku Respond.js di hawîrdorên pêşkeftin û hilberîna xwe de ji bo Internet Explorer 8 bikar tînin, hay ji hişyariyên jêrîn hebin.
Bikaranîna Respond.js bi CSS-ê re ku li ser domanek (bine) cihê (mînak, li ser CDN) hatî mêvandar kirin, hin sazûmanek din hewce dike. Ji bo hûragahiyan li belgeyên Respond.js binêre.
file://
Ji ber qaîdeyên ewlehiyê yên gerokê, Respond.js bi rûpelên ku bi file://
protokolê têne dîtin re naxebite (wek dema vekirina pelek HTML ya herêmî). Ji bo ceribandina taybetmendiyên bersivdar ên di IE8 de, rûpelên xwe li ser HTTP (S) bibînin. Ji bo hûragahiyan li belgeyên Respond.js binêre.
@import
Respond.js bi CSS-ya ku ji hêla referansê ve tê vegerandin re naxebite @import
. Bi taybetî, hin mîhengên Drupal têne zanîn ku bikar tînin @import
. Ji bo hûragahiyan li belgeyên Respond.js binêre.
IE8 bi tevayî piştgirî nake box-sizing: border-box;
dema ku bi min-width
, max-width
, min-height
, an re tê hev kirin max-height
. Ji ber vê yekê, ji v3.0.1-ê pê ve, em êdî max-width
li ser .container
s-ê bikar nakin.
@font-face
IE8 dema ku bi hev re tê de hin pirsgirêk :before
hene. Bootstrap wê kombînasyona bi Glyphicons xwe bikar tîne. Ger rûpelek cache be, û bêyî mişkê li ser pencereyê were barkirin (ango bişkoka nûvekirinê bixin an jî tiştek di iframeyekê de bar bikin) wê hingê rûpel berî ku font were barkirin tê pêşkêş kirin. Li ser rûpela (bedenê) hejandin dê hin îkonan nîşan bide û li ser îkonên mayî jî dê wan nîşan bide. Ji bo hûragahiyan li hejmara #13863 binêre.
Bootstrap di modên lihevhatina Internet Explorer-ê yên kevn de nayê piştgirî kirin. Ji bo ku hûn pê ewle bin ku hûn ji bo IE-yê moda nûvekirina nûvekirinê bikar tînin, <meta>
di nav rûpelên xwe de nîşana guncan bihesibînin:
Bi vekirina amûrên xeletkirinê moda belgeyê piştrast bikin: F12"Moda Belgeyê" bikirtînin û kontrol bikin.
Ev etîket di hemî belgekirin û nimûneyên Bootstrap de cih digire da ku di her guhertoya piştgirîkirî ya Internet Explorer-ê de çêtirîn pêşkêşkirina gengaz peyda bike.
Ji bo bêtir agahdarî li vê pirsa StackOverflow binêre.
Internet Explorer 10 firehiya cîhazê ji firehiya porta dîtinê cuda nake , û ji ber vê yekê pirsên medyayê yên di CSS-ya Bootstrap de rast naxebitîne. Bi gelemperî hûn ê tenê pişkek bilez a CSS-ê lê zêde bikin da ku vê rast bikin:
Lêbelê, ev ji bo cîhazên ku guhertoyên Windows Phone 8-ê ji Nûvekirin 3 (ango GDR3) kevintir dixebitin ne kar dike , ji ber ku ew dihêle ku cîhazên weha li şûna dîtina "telefonê" ya teng bi piranî dîmenek sermaseyê nîşan bidin. Ji bo çareserkirina vê, hûn ê hewce bikin ku CSS û JavaScript-a jêrîn têxin nav xwe da ku li dora xeletiyê bixebitin .
Ji bo bêtir agahdarî û rêbernameyên karanîna, Windows Phone 8 û Device-Width bixwînin .
Wekî serî, em vê yekê di hemî belgekirin û mînakên Bootstrap de wekî xwenîşandanek vedigirin.
Motora vegotina guhertoyên Safari yên beriya v7.1-ê ji bo OS X û Safari-ya ji bo iOS v8.0-ê bi hejmara dehiyên ku di .col-*-1
dersên tora me de têne bikar anîn de hin pirsgirêk hebûn. Ji ber vê yekê heke we 12 stûnên torê yên takekesî hebin, hûn ê bala xwe bidinê ku ew li gorî rêzikên stûnên din kurt bûne. Ji xeynî nûvekirina Safari/iOS-ê, ji bo çareyan hin vebijarkên we hene:
.pull-right
tora xweya paşîn zêde bikin da ku hevrêziya rast-rast-hişk bistîninPiştgiriya overflow: hidden
li ser <body>
hêmanê di iOS û Android-ê de pir kêm e. Ji bo wê armancê, gava ku hûn di gerokên van cîhazan de ji jor an binê modalekê derbas bikin, <body>
naverok dê dest bi gerokê bike. Binêre xeletiya Chrome #175502 (di Chrome v40 de hatî rast kirin) û xeletiya WebKit #153852 .
Ji iOS 9.3-ê ve, dema ku modalek vekirî ye, heke destana destpêkê ya jestek gerok di nav sînorê nivîsek <input>
an a- ê de be <textarea>
, dê <body>
naveroka li binê modalê li şûna modal bixwe were gerandin. Binêre xeletiya WebKit #153856 .
Di heman demê de, bala xwe bidin ku heke hûn navbarek sabît bikar tînin an têketinên di nav modalekê de bikar tînin, iOS xwedan xeletiyek renderkirinê ye ku dema ku klavyeya virtual tê kişandin pozîsyona hêmanên sabît nûve nake. Ji bo vê yekê çend rêgez di nav xwe de veguheztina hêmanên xwe position: absolute
an vekêşana demjimêrek li ser balê vedihewîne da ku hewl bidin ku cîh bi destan rast bikin. Ev ji hêla Bootstrap ve nayê rêve kirin, ji ber vê yekê li ser we ye ku hûn biryar bidin ka kîjan çareserî ji bo serîlêdana we çêtirîn e.
Element .dropdown-backdrop
ji ber tevliheviya z-indekskirinê li ser iOS-ê di nav de nayê bikar anîn. Bi vî rengî, ji bo girtina dakêşanên di navbaran de, divê hûn rasterast li ser hêmana dakêşanê bikirtînin (an jî hêmanek din a ku dê bûyerek klîk di iOS-ê de bişewitîne ).
Zêdekirina rûpelan bi neçarî di hin beşan de, hem di Bootstrap û hem jî di tevnên mayî de, hunerên renderkirinê pêşkêşî dike. Bi pirsgirêkê ve girêdayî, dibe ku em karibin wê rast bikin (pêşî bigerin û dûv re heke hewce be pirsgirêkek vekin). Lêbelê, em mêl dikin ku vana paşguh bikin ji ber ku ew bi gelemperî ji bilî rêwerzên hacky ti çareseriyek rasterast tune.
:hover
/ :focus
li ser mobîlHer çend hejandina rastîn li ser pir ekranên destan ne mumkun be jî, pir gerokên desta piştgirîya hilavêtinê dişibînin û :hover
"zeliqandî" dikin. Bi gotinek din, :hover
şêwaz piştî lêdana hêmanek dest bi sepandinê dikin û tenê piştî ku bikarhêner li ser hêmanek din dixe serîlêdanê rawestîne. Ev dikare bibe sedem ku dewletên Bootstrap bi rengek :hover
nexwestî li ser gerokên weha "qeliqî" bibin. Hin gerokên mobîl jî bi :focus
heman rengî hişk dikin. Heya nuha ji bo van pirsgirêkan ji bilî rakirina şêwazên weha bi tevahî rêyek hêsan tune.
Tewra di hin gerokên nûjen de, çapkirin dibe ku qeşeng be.
Bi taybetî, wekî Chrome v32 û bêyî ku mîhengên marjînal bigire, Chrome dema ku di çapkirina rûpelek malperekê de pirsên medyayê çareser dike, firehiya porta dîtinê ji mezinahiya kaxeza laşî pir tengtir bikar tîne. Ev dikare bibe sedema ku tora zêde-biçûk a Bootstrap di dema çapkirinê de ji nedîtî ve were çalak kirin. Ji bo hin hûrguliyan pirsgirêka #12078 û xeletiya Chrome #273306 bibînin. Rêbazên pêşniyarkirî:
@screen-*
guhêrbarên Kêmtir xweş bikin da ku kaxeza çapera we ji piçûktir-mezintir were hesibandin.Di heman demê de, wekî Safari v8.0, s-yên bi firehiya sabît .container
dikare bibe sedem ku Safari dema çapkirinê mezinahiya tîpek piçûk a bêhempa bikar bîne. Ji bo bêtir agahdarî, #14868 û xeletiya WebKit #138192 bibînin. Ji bo vê yekê çareseriyek potansiyel zêdekirina CSS-ya jêrîn e:
Ji derveyî qutiyê, Android 4.1 (û tewra hin serbestberdanên nûtir jî xuya ye) bi sepana Gerokê re wekî geroka webê ya xwerû ya bijartî (li dijî Chrome) tê şandin. Mixabin, sepana Gerokê bi gelemperî bi CSS-ê re gelek xeletî û nakokî hene.
Li ser <select>
hêmanan, gerokek stokê ya Android-ê ger hebe border-radius
û/an border
were sepandin dê kontrolên alî nîşan nede. (Ji bo hûragahiyan li vê pirsa StackOverflow binêre.) Parçeya kodê ya li jêr bikar bînin da ku CSS- <select>
ya sûcdar derxînin û li ser geroka stokê ya Android-ê wekî hêmanek neguhêz bikin. Sniffing nûnerê bikarhêner ji destwerdana gerokên Chrome, Safari û Mozilla dûr dikeve.
Dixwazin mînakek bibînin? Vê demoya JS Bin kontrol bikin.
Ji bo ku ezmûna çêtirîn gengaz ji gerokên kevn û xelet re peyda bike, Bootstrap li gelek cihan hakên geroka CSS bikar tîne da ku CSS -ya taybetî ji hin guhertoyên gerokê re bike armanc da ku li dora xeletiyên di gerokên xwe de bixebite. Van hacks bi têgihîştin dibe sedem ku erêkerên CSS gilî bikin ku ew nederbasdar in. Di çend cihan de, em taybetmendiyên CSS-ê yên xwînrij ên ku hîn bi tevahî standardkirî ne jî bikar tînin, lê ev bi tenê ji bo pêşkeftina pêşkeftî têne bikar anîn.
Van hişyariyên erêkirinê di pratîkê de ne girîng in ji ber ku beşa ne-hacky ya CSS-a me bi tevahî dipejirîne û beşên hacky di xebata rast a beşa ne-hacky de mudaxele nakin, ji ber vê yekê em bi qestî van hişyariyên taybetî paşguh dikin.
Di heman demê de belgeyên me yên HTML-ê jî hin hişyariyên erêkirina HTML-ê yên piçûk û bêbandor hene ji ber tevlêbûna me ya çareseriyek ji bo xeletiyek Firefox-ê .
Digel ku em bi fermî piştgirî nadin pêvek an pêvekên partiya sêyemîn, em hin şîretên kêrhatî pêşkêş dikin da ku ji pirsgirêkên potansiyel ên di projeyên we de dûr bikevin.
Hin nermalava partiya sêyemîn, di nav de Google Nexşe û Motora Lêgerîna Xweser a Google, bi Bootstrap re nakokî hene ji ber * { box-sizing: border-box; }
, qaîdeyek ku wiya padding
dike ku bandorê li firehiya hesabkirî ya paşîn a hêmanekê neke. Li CSS Tricks di derbarê modela qutiyê û mezinbûnê de bêtir fêr bibin .
Li gorî çarçoveyê, hûn dikarin li gorî hewcedariyê (Vebijarka 1) bişopînin an mezinbûna qutiyê ji bo tevahiya herêman ji nû ve bikin (Vebijêrk 2).
Bootstrap standardên webê yên hevpar dişopîne û - bi hewildanek hindiktirîn - dikare were bikar anîn da ku malperên ku ji kesên ku AT- ê bikar tînin re bigihînin biafirînin .
Ger navîgasyon we gelek lînkan dihewîne û berî naveroka sereke ya DOM-ê tê, Skip to main content
berî navîgasyonê zencîreyekê lê zêde bikin (ji bo ravekirinek hêsan, li vê gotara Projeya A11Y li ser girêdanên navîgasyonê derbikevin binêre ). Bikaranîna .sr-only
polê dê bi dîtbarî veşêre zencîreyê veşêre, û .sr-only-focusable
çîn dê piştrast bike ku zencîre piştî balkişandinê xuya bibe (ji bo bikarhênerên klavyeyê yên dîtbar).
Ji ber kêmasiyên/çewtiyên demdirêj ên Chrome (binihêre pirsgirêka 262171 di şopînerê xeletiya Chromium de ) û Internet Explorer (li vê gotarê li ser girêdanên navrûpelê û rêzika balkişandinê binêre ), hûn ê hewce bikin ku hedefa zencîreya xwe bişopînin. bi lêzêdekirinê bi kêmanî ji hêla bernamekî ve baldar e tabindex="-1"
.
Wekî din, dibe ku hûn bixwazin bi eşkere nîşanek balkêş a li ser armancê bitepisînin (bi taybetî ji ber ku Chrome niha jî tabindex="-1"
dema ku ew bi mişkê têne klîk kirin balê li ser hêmanan destnîşan dike) bi #content:focus { outline: none; }
.
Têbînî ku ev xeletî dê bandorê li ser girêdanên din ên navrûpelê jî bike ku malpera we bikar tîne, û wan ji bo bikarhênerên klavyeyê bêkêr dike. Hûn dikarin bifikirin ku li hemî ankerên din ên binavkirî / nasnavên perçeyê yên ku wekî armancên girêdanê tevdigerin, sererastkirinek rawest-gap-a wekhev zêde bikin.
Dema ku sernavên hêlînê ( <h1>
- <h6>
), divê sernavê belgeya weya bingehîn bibe <h1>
. Sernavên paşîn divê karanîna mantiqî bikin <h2>
- <h6>
wusa ku xwendevanên ekranê dikarin ji bo rûpelên we tabloyek naverokê ava bikin.
Li ser HTML CodeSniffer û AccessAbility ya Penn State bêtir fêr bibin .
Heya nuha, hin hevbendên rengên xwerû yên ku di Bootstrap de peyda dibin (wek çînên bişkojkên cûrbecûr ên şêwazê , hin rengên ronîkirina kodê ku ji bo blokên kodê yên bingehîn têne bikar anîn , çîna alîkarê .bg-primary
paşnavê ya bingehîn , û rengê girêdana xwerû dema ku li ser paşxaneyek spî tê bikar anîn) rêjeyek berevajî kêm heye (li jêr rêjeya pêşniyarkirî ya 4,5:1 ). Ev dikare bibe sedema pirsgirêkan ji bo bikarhênerên bi vîzyona kêm an kesên ku reng kor in. Dibe ku ev rengên xwerû hewce ne ku werin guheztin da ku berevajî û xwendina wan zêde bibin.
Bootstrap di bin lîsansa MIT-ê de tê berdan û ji 2016-an Twitter-ê mafdar e. Bi perçeyên piçûktir têne kelandin, ew dikare bi şertên jêrîn were ravekirin.
Lîsansa tevahî Bootstrap ji bo bêtir agahdarî di depoya projeyê de cih digire.
Endamên civakê belgeyên Bootstrap wergerandine zimanên cihê. Yek bi fermî nayê piştgirî kirin û dibe ku ew her gav ne nûve bin.
Em alîkariyê nadin organîzekirin an mêvandariya wergerê, em tenê bi wan ve girêdidin.
Wergera nû an çêtir qedandiye? Daxwazek kişandinê vekin da ku wê li navnîşa me zêde bikin.