ব্ৰাউজাৰ আৰু ডিভাইচসমূহ
ব্ৰাউজাৰ আৰু ডিভাইচসমূহৰ বিষয়ে শিকিব, আধুনিকৰ পৰা পুৰণিলৈকে, যি Bootstrap দ্বাৰা সমৰ্থিত, প্ৰতিটোৰ বাবে জনা quirks আৰু বাগসমূহ অন্তৰ্ভুক্ত কৰি।
সমৰ্থিত ব্ৰাউজাৰসমূহ
বুটষ্ট্ৰেপে সকলো প্ৰধান ব্ৰাউজাৰ আৰু প্লেটফৰ্মৰ শেহতীয়া, সুস্থিৰ উন্মোচনসমূহ সমৰ্থন কৰে ।
বিকল্প ব্ৰাউজাৰসমূহ যি WebKit, Blink, বা Gecko ৰ শেহতীয়া সংস্কৰণ ব্যৱহাৰ কৰে, সেয়া প্ৰত্যক্ষভাৱে হওক বা প্লেটফৰ্মৰ ৱেব দৰ্শন API ৰ যোগেদি হওক, স্পষ্টভাৱে সমৰ্থিত নহয়। কিন্তু, বুটষ্ট্ৰেপে (বেছিভাগ ক্ষেত্ৰতে) এই ব্ৰাউজাৰসমূহতো সঠিকভাৱে প্ৰদৰ্শন আৰু কাম কৰিব লাগে। অধিক নিৰ্দিষ্ট সমৰ্থন তথ্য তলত দিয়া হৈছে।
আপুনি আমাৰ সমৰ্থিত ব্ৰাউজাৰসমূহৰ পৰিসৰ আৰু ইয়াৰ সংস্কৰণসমূহ আমাৰ.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
আমি CSS উপসৰ্গসমূহৰ জৰিয়তে উদ্দেশ্যপ্ৰণোদিত ব্ৰাউজাৰ সমৰ্থন নিয়ন্ত্ৰণ কৰিবলৈ Autoprefixer ব্যৱহাৰ কৰো, যিয়ে এই ব্ৰাউজাৰ সংস্কৰণসমূহ পৰিচালনা কৰিবলৈ Browserslist ব্যৱহাৰ কৰে। এই সঁজুলিসমূহ আপোনাৰ প্ৰকল্পসমূহত কেনেকৈ সংহতি কৰিব লাগে তাৰ বাবে তেওঁলোকৰ আলেখ্যন চাওক।
মোবাইল ডিভাইচ
সাধাৰণতে ক'বলৈ গ'লে, Bootstrap এ প্ৰতিটো প্ৰধান প্লেটফৰ্মৰ অবিকল্পিত ব্ৰাউজাৰসমূহৰ শেহতীয়া সংস্কৰণসমূহ সমৰ্থন কৰে। মন কৰিব যে প্ৰক্সি ব্ৰাউজাৰসমূহ (যেনে Opera Mini, Opera Mobile ৰ Turbo মোড, UC ব্ৰাউজাৰ মিনি, Amazon Silk) সমৰ্থিত নহয়।
| Chrome | ফায়াৰফক্স | ছাফাৰী | এণ্ড্ৰইড ব্ৰাউজাৰ আৰু ৱেবভিউ | |
|---|---|---|---|---|
| এণ্ড্ৰইড | সমৰ্থিত | সমৰ্থিত | — | v৬.০+ |
| iOS | সমৰ্থিত | সমৰ্থিত | সমৰ্থিত | — |
ডেস্কটপ ব্ৰাউজাৰসমূহ
একেদৰে, বেছিভাগ ডেস্কটপ ব্ৰাউজাৰৰ শেহতীয়া সংস্কৰণ সমৰ্থিত।
| Chrome | ফায়াৰফক্স | মাইক্ৰ'ছফ্ট এজ | অপেৰা | ছাফাৰী | |
|---|---|---|---|---|---|
| মেক্ | সমৰ্থিত | সমৰ্থিত | সমৰ্থিত | সমৰ্থিত | সমৰ্থিত |
| উইণ্ড’জ | সমৰ্থিত | সমৰ্থিত | সমৰ্থিত | সমৰ্থিত | — |
Firefox ৰ বাবে, শেহতীয়া সাধাৰণ সুস্থিৰ উন্মোচনৰ উপৰিও, আমি Firefox ৰ শেহতীয়া সম্প্ৰসাৰিত সমৰ্থন উন্মোচন (ESR) সংস্কৰণো সমৰ্থন কৰোঁ।
বেচৰকাৰীভাৱে, বুটষ্ট্ৰেপে লিনাক্সৰ বাবে Chromium আৰু Chrome, আৰু Linux ৰ বাবে Firefox ত যথেষ্ট ভাল দেখা আৰু আচৰণ কৰিব লাগে, যদিও সিহত আনুষ্ঠানিকভাৱে সমৰ্থিত নহয় ।
ইণ্টাৰনেট এক্সপ্ল’ৰাৰ
Internet Explorer সমৰ্থিত নহয়। যদি আপুনি Internet Explorer সমৰ্থনৰ প্ৰয়োজন, অনুগ্ৰহ কৰি Bootstrap v4 ব্যৱহাৰ কৰক ।
মোবাইলত মডাল আৰু ড্ৰপডাউন
অভাৰফ্ল' আৰু স্ক্ৰলিং
overflow: hidden;iOS আৰু Android ত on the element ৰ বাবে সমৰ্থন <body>যথেষ্ট সীমিত। সেই উদ্দেশ্যে, যেতিয়া আপুনি সেই ডিভাইচসমূহৰ যিকোনো এটা ব্ৰাউজাৰত এটা মডালৰ ওপৰ বা তলৰ ফালে স্ক্ৰল কৰে, <body>বিষয়বস্তু স্ক্ৰল হ'বলৈ আৰম্ভ কৰিব। Chrome বাগ #175502 ( Chrome v40 ত সমাধান কৰা হৈছে) আৰু WebKit বাগ #153852 চাওক ।
iOS টেক্সট ফিল্ড আৰু স্ক্ৰলিং
iOS 9.2 ৰ পৰা, এটা মডাল খোলা থকাৰ সময়ত, যদি এটা স্ক্ৰল ইংগিতৰ প্ৰাৰম্ভিক স্পৰ্শ এটা পাঠ্য <input>বা a ৰ সীমাৰ ভিতৰত থাকে <textarea>, <body>মডালৰ তলৰ বিষয়বস্তু মডালৰ পৰিৱৰ্তে স্ক্ৰল কৰা হ'ব। ৱেবকিট বাগ #153856 চাওক ।
নৱবাৰ ড্ৰপডাউনসমূহ
z-indexing ৰ জটিলতাৰ বাবে nav ত iOS ত .dropdown-backdropউপাদানটো ব্যৱহাৰ কৰা নহয়। এইদৰে, navbars ত ড্ৰপডাউনসমূহ বন্ধ কৰিবলে, আপুনি প্ৰত্যক্ষভাৱে ড্ৰপডাউন উপাদান (বা অন্য যিকোনো উপাদান যি iOS ত এটা ক্লিক ইভেন্ট গুলিয়াব ) ক্লিক কৰিব লাগিব।
ব্ৰাউজাৰ জুমিং
পৃষ্ঠা জুমিঙে অনিবাৰ্যভাৱে কিছুমান উপাদানত ৰেণ্ডাৰ আৰ্টিফেক্টসমূহ উপস্থাপন কৰে, বুটষ্ট্ৰেপ আৰু বাকী ৱেব দুয়োটাতে। সমস্যাটোৰ ওপৰত নিৰ্ভৰ কৰি আমি হয়তো ইয়াক সমাধান কৰিব পাৰিম (প্ৰথমে সন্ধান কৰক আৰু তাৰ পিছত প্ৰয়োজন হ’লে এটা সমস্যা খুলিব)। কিন্তু আমি এইবোৰক আওকাণ কৰাৰ প্ৰৱণতা ৰাখোঁ কাৰণ ইয়াৰ প্ৰায়ে হেকি ৱৰ্কআৰউণ্ডৰ বাহিৰে আন কোনো প্ৰত্যক্ষ সমাধান নাথাকে।
বৈধকৰণকাৰী
পুৰণি আৰু বাগী ব্ৰাউজাৰসমূহক সম্ভৱপৰ উত্তম অভিজ্ঞতা প্ৰদান কৰিবলৈ, বুটষ্ট্ৰেপে ব্ৰাউজাৰসমূহত নিজেই বাগসমূহৰ সমাধান কৰিবলৈ কিছুমান ব্ৰাউজাৰ সংস্কৰণসমূহলৈ বিশেষ CSS লক্ষ্য কৰি কেইবাটাও ঠাইত CSS ব্ৰাউজাৰ হেক ব্যৱহাৰ কৰে। এই হেকসমূহে বুজিব পৰা যায় যে CSS বৈধকৰণকাৰীসকলে অভিযোগ কৰে যে সেইবোৰ অবৈধ। দুটামান ঠাইত, আমি ব্লিডিং-এজ CSS বৈশিষ্ট্যসমূহো ব্যৱহাৰ কৰো যিবোৰ এতিয়াও সম্পূৰ্ণৰূপে প্ৰামাণিক কৰা হোৱা নাই, কিন্তু এইবোৰ কেৱল প্ৰগতিশীল বৃদ্ধিৰ বাবে ব্যৱহাৰ কৰা হয়।
এই বৈধকৰণ সতৰ্কবাণীসমূহে কাৰ্যক্ষেত্ৰত কোনো গুৰুত্ব নিদিয়ে কাৰণ আমাৰ CSS ৰ নন-হেকী অংশটোৱে সম্পূৰ্ণৰূপে বৈধতা প্ৰদান কৰে আৰু হেকি অংশসমূহে নন-হেকী অংশটোৰ সঠিক কাৰ্য্যকলাপত হস্তক্ষেপ নকৰে, সেয়েহে আমি ইচ্ছাকৃতভাৱে এই বিশেষ সতৰ্কবাণীসমূহক কিয় আওকাণ কৰো।
আমাৰ HTML নথিপত্ৰসমূহত একেদৰেই কিছুমান তুচ্ছ আৰু অপ্ৰয়োজনীয় HTML বৈধকৰণ সতৰ্কবাণী আছে কাৰণ আমাৰ এটা নিৰ্দিষ্ট Firefox বাগৰ বাবে এটা ৱৰ্কআৰউণ্ড অন্তৰ্ভুক্ত কৰা হৈছে ।