Сар кардани кор
Шарҳи мухтасари Bootstrap, чӣ гуна зеркашӣ ва истифода бурдан, қолабҳо ва мисолҳои асосӣ ва ғайра.
Шарҳи мухтасари Bootstrap, чӣ гуна зеркашӣ ва истифода бурдан, қолабҳо ва мисолҳои асосӣ ва ғайра.
Bootstrap (ҳоло v3.3.7) дорои чанд роҳи осони зуд оғоз кардан мебошад, ки ҳар кадоми онҳо ба сатҳи маҳорат ва ҳолати истифодаашон мувофиқанд. Барои дидани он, ки ба ниёзҳои махсуси шумо мувофиқат мекунад, хонед.
CSS, JavaScript ва шрифтҳои тартибдодашуда ва хурдкардашуда. Ягон ҳуҷҷат ё файлҳои аслии сарчашма дохил карда нашудаанд.
Source Less, JavaScript ва файлҳои шрифт дар якҷоягӣ бо ҳуҷҷатҳои мо. Компилятори камтар ва баъзе танзимотро талаб мекунад.
Bootstrap аз Less ба Sass интиқол дода шудааст, то ба осонӣ ба лоиҳаҳои Rails, Compass ё Sass дохил карда шавад.
Одамон дар jsDelivr меҳрубонона дастгирии CDN-ро барои CSS ва JavaScript-и Bootstrap таъмин мекунанд. Танҳо ин истинодҳои Bootstrap CDN- ро истифода баред.
Шумо инчунин метавонед бо истифода аз Bower Less, CSS, JavaScript ва шрифтҳои Bootstrap-ро насб ва идора кунед :
Шумо инчунин метавонед Bootstrap-ро бо истифода аз npm насб кунед :
require('bootstrap')
ҳамаи плагинҳои jQuery Bootstrap-ро ба объекти jQuery бор мекунад. Худи bootstrap
модул чизе содир намекунад. Шумо метавонед плагинҳои jQuery-и Bootstrap-ро ба таври инфиродӣ тавассути бор кардани /js/*.js
файлҳо дар феҳристи сатҳи болоии бастаҳо ба таври дастӣ бор кунед.
Bootstrap package.json
дорои якчанд метамаълумоти иловагӣ дар зери калидҳои зерин:
less
- роҳ ба файли асосии манбаи Less Bootstrapstyle
- роҳ ба CSS-и хурднашудаи Bootstrap, ки бо истифода аз танзимоти пешфарз пешакӣ тартиб дода шудааст (бе мутобиқсозӣ)Шумо инчунин метавонед бо истифода аз Composer Less, CSS, JavaScript ва шрифтҳои Bootstrap -ро насб ва идора кунед :
Bootstrap барои кор бо префиксҳои фурӯшандаи CSS Autoprefixer-ро истифода мебарад . Агар шумо Bootstrap-ро аз манбаи Less/Sass тартиб дода бошед ва Gruntfile-и моро истифода набаред, ба шумо лозим меояд, ки Autoprefixer-ро ба раванди сохтани худ худатон ворид кунед. Агар шумо Bootstrap-и пешакӣ тартибдодашуда ё Gruntfile-и моро истифода баред, ба шумо лозим нест, ки дар ин бора хавотир шавед, зеро Autoprefixer аллакай ба Gruntfile мо ворид карда шудааст.
Bootstrap-ро дар ду шакл зеркашӣ кардан мумкин аст, ки дар дохили онҳо шумо директорияҳо ва файлҳои зеринро пайдо мекунед, мантиқан гурӯҳбандӣ кардани захираҳои умумӣ ва пешниҳоди ҳам вариантҳои тартибдодашуда ва ҳам хурдтар.
Лутфан таваҷҷӯҳ намоед, ки ҳама плагинҳои JavaScript дохил кардани jQuery-ро талаб мекунанд, тавре ки дар қолаби ибтидоӣ нишон дода шудааст . Ба моbower.json
муроҷиат кунед, то бубинед, ки кадом версияҳои jQuery дастгирӣ мешаванд.
Пас аз зеркашӣ, ҷузвдони фишурдашударо кушоед, то сохтори Bootstrap-ро бубинед. Шумо чизе монанди ин хоҳед дид:
Ин шакли асосии Bootstrap аст: файлҳои пешакӣ тартибдодашуда барои истифодаи зуд дар қариб ҳама лоиҳаҳои веб. Мо CSS ва JS-и тартибдодашуда ( bootstrap.*
), инчунин CSS ва JS-и тартибдодашуда ва хурдкардашударо ( bootstrap.min.*
) пешниҳод мекунем. Харитаҳои сарчашмаҳои CSS ( bootstrap.*.map
) барои истифода бо абзорҳои таҳиягари браузерҳои муайян дастрасанд. Ҳарфҳо аз Glyphicons, инчунин мавзӯи ихтиёрии Bootstrap дохил карда шудаанд.
Зеркашии коди сарчашмаи Bootstrap дорои CSS, JavaScript ва дороиҳои шрифти пешакӣ тартибдодашуда дар якҷоягӣ бо сарчашмаи Less, JavaScript ва ҳуҷҷатҳо иборат аст. Аниқтараш, он чизҳои зерин ва ғайраро дар бар мегирад:
, less/
, js/
ва fonts/
рамзи сарчашмаи шрифтҳои CSS, JS ва нишонаи мо мебошанд (мутаносибан). Папка dist/
ҳама чизҳоеро дар бар мегирад, ки дар қисмати зеркашии пешакӣ дар боло номбар шудаанд. Папка docs/
рамзи сарчашмаи ҳуҷҷатҳои мо ва examples/
истифодаи Bootstrap-ро дар бар мегирад. Ғайр аз ин, ҳама гуна файли дигари дохилшуда барои бастаҳо, иттилооти иҷозатнома ва рушд дастгирӣ мекунад.
Bootstrap барои системаи сохтани худ Grunt -ро бо усулҳои мувофиқ барои кор бо чаҳорчӯба истифода мебарад. Маҳз ҳамин тавр мо коди худро тартиб медиҳем, санҷишҳоро иҷро мекунем ва ғайра.
Барои насб кардани Grunt, шумо бояд аввал node.js-ро зеркашӣ ва насб кунед (ки npm-ро дар бар мегирад). npm барои модулҳои бастабандишудаи гиреҳ тааллуқ дорад ва як роҳи идоракунии вобастагии рушд тавассути node.js мебошад.
Сипас, аз сатри фармон:grunt-cli
ҷаҳон бо npm install -g grunt-cli
./bootstrap/
гузаред ва сипас иҷро npm install
кунед. npm ба package.json
файл назар мекунад ва ба таври худкор вобастагии маҳаллии дар он номбаршударо насб мекунад.Пас аз анҷом, шумо метавонед фармонҳои гуногуни Grunt-ро, ки аз сатри фармон дода шудаанд, иҷро кунед.
grunt dist
(Танҳо CSS ва JavaScript тартиб диҳед)/dist/
Директорияро бо файлҳои CSS ва JavaScript тартибдодашуда ва хурдкардашуда барқарор мекунад. Ҳамчун корбари Bootstrap, ин одатан фармонест, ки шумо мехоҳед.
grunt watch
(Тамошо кунед)Файлҳои сарчашмаи Less -ро тамошо мекунад ва ҳар вақте ки шумо тағиротро захира мекунед, онҳоро ба таври худкор ба CSS дубора тартиб медиҳад.
grunt test
(Санҷишҳоро иҷро кунед)JSHint -ро иҷро мекунад ва санҷишҳои QUnit-ро дар PhantomJS бе сар мегузаронад .
grunt docs
(Дороиҳои ҳуҷҷатҳоро созед ва санҷед)CSS, JavaScript ва дигар дороиҳоро, ки ҳангоми иҷро кардани ҳуҷҷатҳо ба таври маҳаллӣ тавассути bundle exec jekyll serve
.
grunt
(Мутлақо ҳама чизро созед ва санҷишҳоро иҷро кунед)CSS ва JavaScript-ро мураттаб ва кам мекунад, вебсайти ҳуҷҷатҳоро месозад, валидатори HTML5-ро бар зидди ҳуҷҷатҳо кор мекунад, дороиҳои Customizer -ро барқарор мекунад ва ғайра. Ҷекилро талаб мекунад . Одатан танҳо лозим аст, агар шумо дар худи Bootstrap ҳакерӣ карда бошед.
Агар шумо ҳангоми насб кардани вобастагӣ ё иҷро кардани фармонҳои Grunt бо мушкилот рӯ ба рӯ шавед, аввал /node_modules/
директорияеро, ки аз ҷониби npm тавлид шудааст, нест кунед. Сипас, такрор npm install
кунед.
Бо ин қолаби асосии HTML оғоз кунед ё ин мисолҳоро тағир диҳед . Мо умедворем, ки шумо қолибҳо ва намунаҳои моро мутобиқ карда, онҳоро ба ниёзҳои худ мутобиқ месозед.
Барои оғоз кардани кор бо ҳуҷҷати ҳадди ақали Bootstrap, HTML-ро дар зер нусхабардорӣ кунед.
Дар қолаби асосии боло бо ҷузъҳои зиёди Bootstrap созед. Мо шуморо ташвиқ мекунем, ки Bootstrap-ро ба эҳтиёҷоти лоиҳаи инфиродии худ мутобиқ созед ва мутобиқ кунед.
Рамзи сарчашмаро барои ҳар як мисоли зер тавассути зеркашии анбори Bootstrap гиред . docs/examples/
Намунаҳоро дар директория пайдо кардан мумкин аст .
Bootlint воситаи расмии HTML linter Bootstrap мебошад. Он ба таври худкор якчанд хатогиҳои умумии HTML-ро дар вебсаҳифаҳое, ки Bootstrap-ро ба таври хеле "ванилӣ" истифода мебаранд, тафтиш мекунад. Компонентҳо/виджетҳои Vanilla Bootstrap қисмҳои DOM-ро талаб мекунанд, ки ба сохторҳои муайян мувофиқат кунанд. Bootlint тафтиш мекунад, ки намунаҳои ҷузъҳои Bootstrap дорои HTML-и дурусти сохторӣ мебошанд. Дар бораи илова кардани Bootlint ба асбобҳои таҳияи веби Bootstrap фикр кунед, то ҳеҷ яке аз хатогиҳои маъмул рушди лоиҳаи шуморо суст накунанд.
Дар бораи рушди Bootstrap бохабар бошед ва бо ин захираҳои муфид ба ҷомеа муроҷиат кунед.
irc.freenode.net
сервер, дар канали ##bootstrap сӯҳбат кунед.twitter-bootstrap-3
пурсед .bootstrap
функсияҳои Bootstrapро тағир медиҳанд ё илова мекунанд .Шумо инчунин метавонед @getbootstrap-ро дар Twitter барои ғайбатҳои навтарин ва видеоҳои мусиқии аҷиб пайгирӣ кунед.
Bootstrap ба таври худкор саҳифаҳои шуморо ба андозаҳои гуногуни экран мутобиқ мекунад. Ин аст, ки чӣ тавр ин хусусиятро ғайрифаъол кардан мумкин аст, то саҳифаи шумо мисли ин мисоли беҷавоб кор кунад.
<meta>
зикршударо тарк кунедwidth
ҳар .container
як қабати шабака бо паҳнои ягона бекор кунед, масалан width: 970px !important;
Боварӣ ҳосил кунед, ки ин пас аз CSS-и пешфарз Bootstrap меояд. Шумо метавонед ба таври ихтиёрӣ аз !important
дархостҳои медиавӣ ё баъзе селектор-фу канорагирӣ кунед..col-xs-*
синфҳоро ба ғайр аз синфҳои миёна/калон истифода баред ё ба ҷои онҳо. Парво накунед, шабакаи хеле хурди дастгоҳ барои ҳама қарорҳо миқёс дорад.Шумо то ҳол ба Respond.js барои IE8 ниёз доред (зеро дархостҳои ВАО-и мо ҳанӯз вуҷуд доранд ва бояд коркард шаванд). Ин ҷанбаҳои "сайти мобилии" Bootstrap-ро ғайрифаъол мекунад.
Мо ин қадамҳоро ба мисол татбиқ кардем. Барои дидани тағйироти мушаххаси амалӣ рамзи сарчашмаи онро хонед.
Мехоҳед аз версияи кӯҳнаи Bootstrap ба v3.x гузаред? Дастури муҳоҷирати моро санҷед .
Bootstrap барои беҳтар кор кардан дар браузерҳои охирини мизи корӣ ва мобилӣ сохта шудааст, ки маънои браузерҳои кӯҳна метавонанд бо услуби гуногун, ҳарчанд пурра кор кунанд, намоиши ҷузъҳои муайянро намоиш диҳанд.
Махсусан, мо версияҳои охирини браузерҳо ва платформаҳои зеринро дастгирӣ мекунем.
Браузерҳои алтернативӣ, ки версияи охирини WebKit, Blink ё Gecko -ро истифода мебаранд, хоҳ мустақиман ё тавассути API-и веби платформа, ба таври возеҳ дастгирӣ намешаванд. Бо вуҷуди ин, Bootstrap бояд (дар аксари ҳолатҳо) дар ин браузерҳо низ дуруст намоиш ва кор кунад. Маълумоти бештар мушаххаси дастгирӣ дар зер оварда шудааст.
Умуман, Bootstrap версияҳои охирини браузерҳои пешфарзии ҳар як платформаи асосиро дастгирӣ мекунад. Дар хотир доред, ки браузерҳои прокси (ба монанди Opera Mini, режими Turbo Opera Mobile, UC Browser Mini, Amazon Silk) дастгирӣ намешаванд.
Chrome | Firefox | Сафари | |
---|---|---|---|
Android | Дастгир карда шудааст | Дастгир карда шудааст | Не |
iOS | Дастгир карда шудааст | Дастгир карда шудааст | Дастгир карда шудааст |
Ба ҳамин монанд, версияҳои охирини аксари браузерҳои мизи корӣ дастгирӣ карда мешаванд.
Chrome | Firefox | Internet Explorer | Опера | Сафари | |
---|---|---|---|---|---|
Мак | Дастгир карда шудааст | Дастгир карда шудааст | Не | Дастгир карда шудааст | Дастгир карда шудааст |
Windows | Дастгир карда шудааст | Дастгир карда шудааст | Дастгир карда шудааст | Дастгир карда шудааст | Дастгир карда намешавад |
Дар Windows, мо Internet Explorer 8-11 -ро дастгирӣ мекунем .
Барои Firefox, ба ғайр аз версияи охирини мӯътадили муқаррарӣ, мо инчунин версияи охирини Release Extended Support (ESR) -и Firefox-ро дастгирӣ мекунем.
Ба таври ғайрирасмӣ, Bootstrap бояд дар Chromium ва Chrome for Linux, Firefox for Linux ва Internet Explorer 7 ва инчунин Microsoft Edge ба қадри кофӣ хуб назар ва рафтор кунад, гарчанде ки онҳо расман дастгирӣ намешаванд.
Барои рӯйхати баъзе хатогиҳои браузер, ки Bootstrap бояд бо онҳо мубориза барад, ба девори хатоҳои браузери мо нигаред .
Internet Explorer 8 ва 9 низ дастгирӣ мешаванд, аммо лутфан бидонед, ки баъзе хосиятҳои CSS3 ва унсурҳои HTML5 аз ҷониби ин браузерҳо пурра дастгирӣ намешаванд. Илова бар ин, Internet Explorer 8 истифодаи Respond.js -ро барои фаъол кардани дастгирии дархости медиа талаб мекунад.
Хусусият | Internet Explorer 8 | Internet Explorer 9 |
---|---|---|
border-radius |
Дастгир карда намешавад | Дастгир карда шудааст |
box-shadow |
Дастгир карда намешавад | Дастгир карда шудааст |
transform |
Дастгир карда намешавад | Дастгирӣ, бо -ms префикс |
transition |
Дастгир карда намешавад | |
placeholder |
Дастгир карда намешавад |
Барои гирифтани тафсилот дар бораи дастгирии браузери хусусиятҳои CSS3 ва HTML5, Оё метавонам истифода кунам... ба саҳифа равед.
Ҳангоми истифодаи Respond.js дар муҳити таҳия ва истеҳсолии худ барои Internet Explorer 8 аз огоҳиҳои зерин эҳтиёт шавед.
Истифодаи Respond.js бо CSS, ки дар домени дигар (зер) ҷойгир шудааст (масалан, дар CDN) баъзе танзимоти иловагиро талаб мекунад. Барои тафсилот ба ҳуҷҷатҳои Respond.js нигаред.
file://
Аз сабаби қоидаҳои амнияти браузер, Respond.js бо саҳифаҳое, ки тавассути file://
протокол дида мешаванд (масалан, ҳангоми кушодани файли HTMLи маҳаллӣ) кор намекунад. Барои санҷидани хусусиятҳои ҷавобгӯ дар IE8, саҳифаҳои худро тавассути HTTP(S) бубинед. Барои тафсилот ба ҳуҷҷатҳои Respond.js нигаред.
@import
Respond.js бо CSS кор намекунад, ки тавассути @import
. Махсусан, баъзе конфигуратсияҳои Drupal маълуманд, ки @import
. Барои тафсилот ба ҳуҷҷатҳои Respond.js нигаред.
box-sizing: border-box;
IE8 ҳангоми якҷоя шудан бо min-width
, max-width
, min-height
, ё , пурра дастгирӣ намекунад max-height
. Аз ин рӯ, аз v3.0.1, мо дигар max-width
дар .container
s истифода намебарем.
IE8 @font-face
ҳангоми якҷоя шудан бо :before
. Bootstrap ин комбинатсияро бо Glyphicons худ истифода мебарад. Агар саҳифа кэш карда шуда бошад ва бе муш дар болои тиреза бор карда шавад (яъне тугмаи навсозиро пахш кунед ё чизеро дар iframe бор кунед), саҳифа пеш аз боркунии шрифт намоиш дода мешавад. Гузаштан ба болои саҳифа (бадан) баъзе аз нишонаҳо ва дар болои нишонаҳои боқимонда гузоштан онҳо низ нишон дода мешаванд. Барои тафсилот ба шумораи №13863 нигаред.
Bootstrap дар режимҳои кӯҳнаи мутобиқати Internet Explorer дастгирӣ намешавад. Барои итминон ҳосил кунед, ки шумо режими охирини визуалиро барои IE истифода мебаред, фикр кунед, ки <meta>
тегҳои мувофиқро дар саҳифаҳои худ дохил кунед:
Ҳолати ҳуҷҷатро тавассути кушодани абзорҳои ислоҳкунӣ тасдиқ кунед: пахш кунед F12ва "Усули ҳуҷҷат" -ро тафтиш кунед.
Ин барчасп дар ҳама ҳуҷҷатҳои Bootstrap ва мисолҳо барои таъмини беҳтарин намоиши имконпазир дар ҳар як версияи дастгирӣшавандаи Internet Explorer дохил карда шудааст.
Барои маълумоти бештар ба ин саволи StackOverflow нигаред .
Internet Explorer 10 паҳнои дастгоҳро аз паҳнои намоишгоҳ фарқ намекунад ва аз ин рӯ дархостҳои медиаро дар CSS Bootstrap дуруст истифода намебарад. Одатан, шумо танҳо як пораи зуди CSS-ро илова мекунед, то инро ислоҳ кунед:
Аммо, ин барои дастгоҳҳое, ки версияҳои Windows Phone 8-и аз Навсозии 3 калонтар кор мекунанд (ака GDR3) кор намекунад , зеро он боиси он мегардад, ки ин гуна дастгоҳҳо ба ҷои намуди танги "телефон" намуди бештари мизи корӣ нишон медиҳанд. Барои ҳалли ин, ба шумо лозим меояд, ки CSS ва JavaScript-и зеринро дар бар гиред, то бо хатогӣ кор кунед .
Барои маълумоти иловагӣ ва дастурҳои истифода, Windows Phone 8 ва Width-ро хонед .
Ҳамчун роҳбарӣ, мо инро дар ҳама ҳуҷҷатҳои Bootstrap ва мисолҳо ҳамчун намоиш дохил мекунем.
Муҳаррики визуалии версияҳои Safari пеш аз v7.1 барои OS X ва Safari барои iOS v8.0 бо шумораи ҷойҳои даҳӣ, ки дар .col-*-1
синфҳои шабакаҳои мо истифода мешуданд, каме мушкилот доштанд. Пас, агар шумо 12 сутуни шабакаи инфиродӣ дошта бошед, шумо хоҳед дид, ки онҳо дар муқоиса бо дигар сатрҳои сутунҳо кӯтоҳанд. Ба ғайр аз навсозии Safari/iOS, шумо якчанд имконоти ҳалли ҳалли худро доред:
.pull-right
сутуни охирини шабакаи худ илова кунед, то мувофиқати рости сахтро ба даст оредДастгирии элемент overflow: hidden
дар <body>
iOS ва Android хеле маҳдуд аст. Бо ин мақсад, вақте ки шумо дар яке аз браузерҳои ин дастгоҳҳо аз боло ё поёни модаль ҳаракат мекунед, <body>
мундариҷа ба ҳаракат оғоз мекунад. Ба хатогии Chrome #175502 (дар Chrome v40 собит шудааст) ва хатои WebKit #153852 нигаред .
Аз iOS 9.3, вақте ки модаль кушода аст, агар ламси ибтидоии имову ҳаракат дар ҳудуди матн <input>
ё a бошад <textarea>
, <body>
мундариҷаи зери модаль ба ҷои худи модаль ҳаракат карда мешавад. Ба хатогии WebKit # 153856 нигаред .
Инчунин, қайд кунед, ки агар шумо наворҳои собитро истифода баред ё вурудҳоро дар дохили модаль истифода баред, iOS хатои визуалӣ дорад, ки ҳангоми ба кор андохтани клавиатураи виртуалӣ мавқеи унсурҳои собитро нав намекунад. Якчанд роҳи ҳалли ин тағир додани унсурҳои худро ба position: absolute
ё даъват кардани таймер дар фокус барои кӯшиши ислоҳи мавқеъи дастӣ дар бар мегирад. Ин аз ҷониби Bootstrap ҳал намешавад, бинобар ин шумо қарор медиҳед, ки кадом ҳалли барои барномаи шумо беҳтар аст.
Аз .dropdown-backdrop
сабаби мураккабии индексатсияи z ин элемент дар iOS дар нав истифода намешавад. Ҳамин тариқ, барои пӯшидани афтандаҳо дар наворҳо, шумо бояд бевосита унсури афтандаро пахш кунед (ё ягон унсури дигаре, ки ҳодисаи кликро дар iOS оғоз мекунад).
Масштабкунии саҳифа ногузир артефактҳоро дар баъзе ҷузъҳо ҳам дар Bootstrap ва ҳам дар боқимондаи веб пешкаш мекунад. Вобаста ба мушкилот, мо метавонем онро ҳал кунем (аввал ҷустуҷӯ кунед ва баъд агар лозим бошад, масъаларо кушоед). Бо вуҷуди ин, мо майл ба инҳо сарфи назар мекунем, зеро онҳо аксар вақт ба ҷуз ҳалли ҳакерӣ роҳи мустақим надоранд.
:hover
/ :focus
дар мобилӣГарчанде ки дар аксари экранҳои сенсорӣ ҷойгиркунии воқеӣ ғайриимкон аст, аксари браузерҳои мобилӣ ба дастгирии овезон тақлид мекунанд ва :hover
"часпак" мекунанд. Ба ибораи дигар, :hover
услубҳо пас аз пахш кардани элемент ба корбурд шурӯъ мекунанд ва танҳо пас аз он ки корбар ягон унсури дигарро пахш мекунад, татбиқро қатъ мекунад. Ин метавонад боиси он гардад, ки ҳолати Bootstrap :hover
дар чунин браузерҳо ба таври номатлуб "часпида" шаванд. Баъзе браузерҳои мобилӣ низ :focus
ҳамин тавр часпанда мекунанд. Дар айни замон роҳи ҳалли оддии ин мушкилот вуҷуд надорад, ба ҷуз аз нест кардани чунин услубҳо.
Ҳатто дар баъзе браузерҳои муосир, чоп метавонад аҷиб бошад.
Махсусан, аз Chrome v32 ва новобаста аз танзимоти маржа, Chrome ҳангоми ҳалли дархостҳои медиавӣ ҳангоми чопи веб саҳифа паҳнои намоишро аз андозаи коғази физикӣ хеле тангтар истифода мебарад. Ин метавонад боиси ба таври ғайричашмдошт ҳангоми чоп фаъол шудани шабакаи хурди Bootstrap гардад. Барои баъзе тафсилот ба шумораи №12078 ва хатогии Chrome #273306 нигаред. Роҳҳои тавсияшаванда:
@screen-*
тағирёбандаҳои Камтарро танзим кунед, то коғази чопгари шумо аз ҳад зиёд хурдтар ҳисобида шавад.Инчунин, аз рӯи Safari v8.0, паҳнои собит .container
s метавонад боиси истифодаи Safari андозаи ҳуруфи ғайриоддӣ ҳангоми чоп кардан гардад. Барои тафсилоти бештар нигаред #14868 ва хатои WebKit #138192 . Як ҳалли эҳтимолӣ барои ин илова кардани CSS-и зерин аст:
Дар берун аз қуттӣ, Android 4.1 (ва ҳатто баъзе версияҳои навтар) бо барномаи Browser ҳамчун браузери пешфарзи интихобшуда фиристода мешавад (бар хилофи Chrome). Мутаассифона, барномаи Browser дар маҷмӯъ хатогиҳо ва номутобиқатӣ бо CSS дорад.
Дар <select>
унсурҳо, браузери саҳҳомии Android назорати паҳлӯиро намоиш намедиҳад, агар мавҷуд бошад border-radius
ва/ё border
татбиқ карда шавад. (Барои тафсилот ба ин саволи StackOverflow нигаред.) Барои нест кардани CSS-и хафакунанда ва намоиш додани он <select>
ҳамчун унсури услубнашуда дар браузери саҳҳомии Android порчаи кодро истифода баред. Снифинги агенти корбар аз дахолат ба браузерҳои Chrome, Safari ва Mozilla пешгирӣ мекунад.
Мехоҳед як мисол бинед? Ин намоиши JS Bin-ро санҷед.
Бо мақсади фароҳам овардани таҷрибаи беҳтарини имконпазир ба браузерҳои кӯҳна ва хатогиҳо, Bootstrap ҳакҳои браузери CSS-ро дар якчанд ҷойҳо истифода мебарад, то CSS-и махсусро ба версияҳои муайяни браузер равона кунад, то дар худи браузерҳо кор кунад. Ин ҳакерҳо ба таври фаҳмо боиси валидаторҳои CSS мешаванд, ки онҳо беэътиборанд. Дар якчанд ҷойҳо, мо инчунин хусусиятҳои CSS-ро истифода мебарем, ки ҳанӯз пурра стандартизатсия нашудаанд, аммо онҳо танҳо барои такмили прогрессивӣ истифода мешаванд.
Ин огоҳиҳои тасдиқкунӣ дар амал аҳамият надоранд, зеро қисмати ҳакерии CSS-и мо пурра тасдиқ карда мешавад ва қисмҳои ҳакӣ ба кори дурусти қисми ғайриҳакӣ халал намерасонанд, аз ин рӯ мо дидаву дониста ин огоҳиҳои мушаххасро нодида мегирем.
Ҳуҷҷатҳои HTML-и мо низ ба далели ворид кардани роҳи ҳалли хатои муайяни Firefox огоҳиҳои ночиз ва ночиз дар бораи тасдиқи HTML доранд .
Гарчанде ки мо ягон плагинҳо ё иловаҳои тарафи сеюмро расман дастгирӣ намекунем, мо барои пешгирӣ кардани мушкилоти эҳтимолӣ дар лоиҳаҳои шумо маслиҳатҳои муфид пешниҳод мекунем.
Баъзе нармафзорҳои тарафи сеюм, аз ҷумла Google Maps ва Google Custom Engine Search Engine, бо Bootstrap аз сабаби он ихтилоф мекунанд * { box-sizing: border-box; }
, ки қоидае, ки онро padding
ба паҳнои ниҳоии ҳисобшудаи элемент таъсир намерасонад. Дар бораи модели қуттӣ ва андозагирӣ дар CSS Tricks маълумоти бештар гиред .
Вобаста аз контекст, шумо метавонед дар ҳолати зарурӣ бекор кунед (Варианти 1) ё андозаи қуттиҳоро барои тамоми минтақаҳо аз нав танзим кунед (Варианти 2).
Bootstrap стандартҳои маъмули вебро риоя мекунад ва - бо кӯшиши ҳадди ақали иловагӣ - метавонад барои сохтани сайтҳое истифода шавад, ки барои онҳое, ки AT -ро истифода мебаранд, дастрас бошанд .
Агар паймоиши шумо истинодҳои зиёде дошта бошад ва пеш аз мундариҷаи асосӣ дар DOM омада бошад, Skip to main content
пеш аз паймоиш истинод илова кунед (барои шарҳи оддӣ, ба ин мақолаи лоиҳаи A11Y дар бораи гузариш ба пайвандҳои паймоиш нигаред). Истифодаи .sr-only
синф истиноди гузаришро ба таври визуалӣ пинҳон мекунад ва .sr-only-focusable
синф кафолат медиҳад, ки истинод пас аз тамаркуз намоён мешавад (барои корбарони клавиатураи чашмдор).
Аз сабаби норасоиҳо/хатоҳои дерина дар Chrome (нигаред ба шумораи 262171 дар Назоратчии хатогиҳои Chromium ) ва Internet Explorer (ба ин мақола дар бораи истинодҳои саҳифа ва тартиби фокус нигаред ), шумо бояд боварӣ ҳосил кунед, ки ҳадафи истиноди гузаришатон ҳадди аққал аз ҷиҳати барномавӣ бо илова кардани tabindex="-1"
.
Илова бар ин, шумо метавонед нишонаи фокуси намоёнро дар мавриди ҳадаф ба таври возеҳ пахш кунед (махсусан чун Chrome дар айни замон инчунин диққатро ба унсурҳо tabindex="-1"
ҳангоми клик кардани муш таъин мекунад) бо #content:focus { outline: none; }
.
Дар хотир доред, ки ин хато инчунин ба ҳама гуна истинодҳои дохили саҳифаи шумо метавонад таъсир расонад ва онҳоро барои корбарони клавиатура бефоида гардонад. Шумо метавонед илова кардани ислоҳи шабеҳи таваққуфро ба ҳама дигар лангарҳо/идентификаторҳои фрагментҳо, ки ҳамчун ҳадафҳои истинод амал мекунанд, баррасӣ кунед.
Ҳангоми ҷойгиркунии сарлавҳаҳо ( <h1>
- <h6>
), сарлавҳаи асосии ҳуҷҷати шумо бояд <h1>
. Сарлавҳаҳои минбаъда бояд истифодаи мантиқии он бошанд <h2>
- <h6>
ба тавре ки хонандагони экран метавонанд ҷадвали мундариҷаро барои саҳифаҳои шумо созанд.
Маълумоти бештарро дар HTML CodeSniffer ва AccessAbility Penn State омӯзед .
Дар айни замон, баъзе аз комбинатсияи рангҳои пешфарз, ки дар Bootstrap дастрасанд (ба монанди синфҳои гуногуни тугмаҳои услубӣ, баъзе аз рамзҳои равшанкунандаи рангҳо, ки барои блокҳои коди асосӣ истифода мешаванд , синфи ёрирасони .bg-primary
заминаи контекстӣ ва ранги истинод ҳангоми истифода дар заминаи сафед) таносуби пасти контраст дошта бошед (аз таносуби тавсияшудаи 4,5:1 ). Ин метавонад барои корбарони дорои бинишашон паст ё нобиноёни рангӣ мушкилот эҷод кунад. Ин рангҳои пешфарз метавонанд барои баланд бардоштани контраст ва хониши онҳо тағир дода шаванд.
Bootstrap тибқи литсензияи MIT бароварда шудааст ва ҳуқуқи муаллифии 2016 Twitter мебошад. Ба қисмҳои хурдтар ҷӯшонида шуда, онро бо шартҳои зерин тавсиф кардан мумкин аст.
Литсензияи пурраи Bootstrap барои маълумоти бештар дар анбори лоиҳа ҷойгир аст.
Аъзоёни ҷомеа ҳуҷҷатҳои Bootstrapро ба забонҳои гуногун тарҷума кардаанд. Ҳеҷ кадоме аз онҳо расман дастгирӣ намешавад ва онҳо на ҳамеша навсозӣ мешаванд.
Мо дар ташкил ё мизбони тарҷумаҳо кӯмак намекунем, мо танҳо ба онҳо пайванд медиҳем.
Тарҷумаи нав ё беҳтарро анҷом додед? Барои илова кардани он ба рӯйхати мо дархости ҷалбро кушоед.