Хөтөч ба төхөөрөмжүүд

Bootstrap-ийн дэмждэг орчин үеийнхээс хуучин хүртэлх хөтчүүд болон төхөөрөмжүүдийн талаар мэдэж аваарай.

Энэ хуудсан дээр

Дэмжигдсэн хөтчүүд

Bootstrap нь бүх гол хөтөч болон платформуудын хамгийн сүүлийн үеийн тогтвортой хувилбаруудыг дэмждэг.

WebKit, Blink, Gecko-ийн хамгийн сүүлийн хувилбарыг шууд эсвэл платформын вэб үзэх API-ээр дамжуулан ашигладаг өөр хөтчүүдийг шууд дэмждэггүй. Гэсэн хэдий ч Bootstrap нь (ихэнх тохиолдолд) эдгээр хөтчүүдэд зөв харуулж, ажиллах ёстой. Илүү тодорхой тусламжийн мэдээллийг доор өгөв.

Та манай дэмжигдсэн хөтчүүд болон тэдгээрийн хувилбаруудыг дараах хэсгээс олох боломжтой.browserslistrc file :

# https://github.com/browserslist/browserslist#readme

>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11

Бид эдгээр хөтчийн хувилбаруудыг удирдахын тулд Browserlist -ийг ашигладаг CSS угтвараар дамжуулан хөтчийн дэмжлэгийг зохицуулахын тулд Autoprefixer ашигладаг. Төсөлдөө эдгээр хэрэгслийг хэрхэн нэгтгэх талаар тэдний баримт бичигтэй танилцана уу.

Хөдөлгөөнт төхөөрөмж

Ерөнхийдөө Bootstrap нь үндсэн платформ бүрийн үндсэн хөтчийн хамгийн сүүлийн хувилбарыг дэмждэг. Прокси хөтчүүдийг (Opera Mini, Opera Mobile-ийн Turbo горим, UC Browser Mini, Amazon Silk гэх мэт) дэмждэггүйг анхаарна уу.

	Chrome	Firefox	Сафари	Android Browser & WebView
Android	Дэмжигдсэн	Дэмжигдсэн	-	v6.0+
iOS	Дэмжигдсэн	Дэмжигдсэн	Дэмжигдсэн	-

Ширээний хөтчүүд

Үүний нэгэн адил ихэнх ширээний хөтчүүдийн хамгийн сүүлийн хувилбарууд дэмжигддэг.

	Chrome	Firefox	Microsoft Edge	Дуурь	Сафари
Mac	Дэмжигдсэн	Дэмжигдсэн	Дэмжигдсэн	Дэмжигдсэн	Дэмжигдсэн
Windows	Дэмжигдсэн	Дэмжигдсэн	Дэмжигдсэн	Дэмжигдсэн	-

Firefox-ийн хувьд бид хамгийн сүүлийн үеийн ердийн тогтвортой хувилбараас гадна Firefox-ын хамгийн сүүлийн үеийн Өргөтгөсөн дэмжлэгийн хувилбарыг (ESR) дэмждэг .

Албан бусаар Bootstrap нь албан ёсоор дэмжигдээгүй ч Linux-д зориулсан Chromium болон Chrome, Linux-д зориулсан Firefox-д хангалттай сайн харагдах ёстой.

Internet Explorer

Internet Explorer-г дэмждэггүй. Хэрэв танд Internet Explorer-ийн дэмжлэг хэрэгтэй бол Bootstrap v4-г ашиглана уу.

Мобайл дээрх загварууд болон уналтууд

Халих, гүйлгэх

overflow: hidden;Элемент дээрх дэмжлэг <body>iOS болон Android дээр нэлээд хязгаарлагдмал байдаг. Үүний тулд эдгээр төхөөрөмжийн хөтчүүдийн аль нэгэнд модалын дээд эсвэл доод талаас гүйлгэх үед <body>контент гүйлгэж эхэлнэ. Chrome алдаа #175502 (Chrome v40 дээр зассан) болон WebKit алдаа #153852- ыг харна уу .

iOS текстийн талбарууд болон гүйлгэх

IOS 9.2-ын байдлаар, модаль нээлттэй байхад гүйлгэх дохионы эхний мэдрэгч нь текст <input>эсвэл a гэсэн заагт байгаа бол модаль өөрөө биш, доор <textarea>байгаа <body>контентыг гүйлгэх болно. WebKit алдаа №153856- г үзнэ үү .

.dropdown-backdropZ-индексжүүлэлтийн нарийн төвөгтэй байдлаас шалтгаалан энэ элементийг iOS дээр nav-д ашигладаггүй . Тиймээс, навигацийн цонхон дээрх унждаг цэсийг хаахын тулд та унадаг элемент дээр (эсвэл iOS дээр товшилтыг идэвхжүүлдэг бусад элемент ) шууд дарах ёстой.

Хөтөчийг томруулж байна

Хуудсыг томруулах нь Bootstrap болон вэбийн бусад хэсэгт аль алинд нь зарим бүрэлдэхүүн хэсгүүдэд олдворуудыг харуулах нь гарцаагүй. Асуудлаас хамааран бид үүнийг засах боломжтой (эхлээд хайгаад дараа нь шаардлагатай бол асуудлыг нээнэ үү). Гэсэн хэдий ч, бид тэдгээрийг үл тоомсорлох хандлагатай байдаг, учир нь тэдгээрт алдаатай тойрон гарахаас өөр шууд шийдэл байдаггүй.

Баталгаажуулагчид

Хуучин болон алдаатай хөтчүүдэд хамгийн сайн туршлага өгөхийн тулд Bootstrap нь хөтчүүдийн алдааг арилгахын тулд тусгай CSS-ийг хөтчийн тодорхой хувилбаруудад чиглүүлэхийн тулд хэд хэдэн газар CSS хөтчийн хакеруудыг ашигладаг. Эдгээр хакерууд нь CSS баталгаажуулагчдыг хүчингүй гэж гомдоллоход хүргэдэг. Хэд хэдэн газарт бид бүрэн стандартчилагдаагүй байгаа хамгийн сүүлийн үеийн CSS функцуудыг ашигладаг боловч эдгээрийг зөвхөн дэвшилтэт сайжруулалтад ашигладаг.

Эдгээр баталгаажуулалтын сэрэмжлүүлэг нь практикт хамаагүй, учир нь манай CSS-ийн хакердаагүй хэсэг нь бүрэн хүчинтэй бөгөөд хакердсан хэсгүүд нь хакердаагүй хэсгийн зөв үйл ажиллагаанд саад учруулдаггүй тул бид яагаад эдгээр анхааруулгыг зориудаар үл тоомсорлож байгаа юм.

Манай HTML баримтууд нь мөн адил Firefox-ын тодорхой алдааг арилгах арга замыг оруулсантай холбоотой HTML баталгаажуулалтын зарим нэг өчүүхэн бөгөөд ач холбогдолгүй анхааруулгатай байдаг .