ব্রাউজার এবং ডিভাইস
ব্রাউজার এবং ডিভাইসগুলি সম্পর্কে জানুন, আধুনিক থেকে পুরানো পর্যন্ত, যেগুলি বুটস্ট্র্যাপ দ্বারা সমর্থিত, প্রতিটির জন্য পরিচিত কুইর্ক এবং বাগগুলি সহ।
সমর্থিত ব্রাউজার
বুটস্ট্র্যাপ সমস্ত প্রধান ব্রাউজার এবং প্ল্যাটফর্মের সর্বশেষ, স্থিতিশীল রিলিজ সমর্থন করে।
যে বিকল্প ব্রাউজারগুলি ওয়েবকিট, ব্লিঙ্ক বা গেকোর সর্বশেষ সংস্করণ ব্যবহার করে, তা সরাসরি বা প্ল্যাটফর্মের ওয়েব ভিউ 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
আমরা অটোপ্রেফিক্সার ব্যবহার করি সিএসএস উপসর্গের মাধ্যমে অভিপ্রেত ব্রাউজার সমর্থন পরিচালনা করতে, যা এই ব্রাউজার সংস্করণগুলি পরিচালনা করতে ব্রাউজারলিস্ট ব্যবহার করে। আপনার প্রকল্পগুলিতে এই সরঞ্জামগুলিকে কীভাবে সংহত করতে হয় তার জন্য তাদের ডকুমেন্টেশনের সাথে পরামর্শ করুন।
মোবাইল ডিভাইস
সাধারণভাবে বলতে গেলে, বুটস্ট্র্যাপ প্রতিটি প্রধান প্ল্যাটফর্মের ডিফল্ট ব্রাউজারগুলির সর্বশেষ সংস্করণ সমর্থন করে। মনে রাখবেন যে প্রক্সি ব্রাউজারগুলি (যেমন অপেরা মিনি, অপেরা মোবাইলের টার্বো মোড, ইউসি ব্রাউজার মিনি, অ্যামাজন সিল্ক) সমর্থিত নয়৷
| ক্রোম | ফায়ারফক্স | সাফারি | অ্যান্ড্রয়েড ব্রাউজার এবং ওয়েবভিউ | |
|---|---|---|---|---|
| অ্যান্ড্রয়েড | সমর্থিত | সমর্থিত | - | v6.0+ |
| iOS | সমর্থিত | সমর্থিত | সমর্থিত | - |
ডেস্কটপ ব্রাউজার
একইভাবে, বেশিরভাগ ডেস্কটপ ব্রাউজারগুলির সর্বশেষ সংস্করণগুলি সমর্থিত।
| ক্রোম | ফায়ারফক্স | মাইক্রোসফট এজ | অপেরা | সাফারি | |
|---|---|---|---|---|---|
| ম্যাক | সমর্থিত | সমর্থিত | সমর্থিত | সমর্থিত | সমর্থিত |
| উইন্ডোজ | সমর্থিত | সমর্থিত | সমর্থিত | সমর্থিত | - |
ফায়ারফক্সের জন্য, সর্বশেষ স্বাভাবিক স্থিতিশীল রিলিজ ছাড়াও, আমরা ফায়ারফক্সের সর্বশেষ এক্সটেন্ডেড সাপোর্ট রিলিজ (ESR) সংস্করণকেও সমর্থন করি।
অনানুষ্ঠানিকভাবে, লিনাক্সের জন্য ক্রোমিয়াম এবং ক্রোম এবং লিনাক্সের জন্য ফায়ারফক্সে বুটস্ট্র্যাপ দেখতে এবং আচরণ করা উচিত, যদিও তারা আনুষ্ঠানিকভাবে সমর্থিত নয়।
ইন্টারনেট এক্সপ্লোরার
ইন্টারনেট এক্সপ্লোরার সমর্থিত নয়। আপনার যদি ইন্টারনেট এক্সপ্লোরার সমর্থনের প্রয়োজন হয়, অনুগ্রহ করে বুটস্ট্র্যাপ v4 ব্যবহার করুন।
মোবাইলে মডেল এবং ড্রপডাউন
ওভারফ্লো এবং স্ক্রলিং
আইওএস এবং অ্যান্ড্রয়েডে উপাদানটির জন্য সমর্থন বেশ overflow: hidden;সীমিত । <body>সেই লক্ষ্যে, আপনি যখন এই ডিভাইসগুলির ব্রাউজারগুলির মধ্যে একটিতে একটি মডেলের উপরে বা নীচে স্ক্রোল করবেন, তখন <body>সামগ্রীটি স্ক্রোল করা শুরু করবে। দেখুন Chrome বাগ #175502 (Chrome v40 এ ঠিক করা হয়েছে) এবং WebKit বাগ #153852 ।
iOS পাঠ্য ক্ষেত্র এবং স্ক্রোলিং
iOS 9.2 অনুযায়ী, যখন একটি মোডাল খোলা থাকে, যদি একটি স্ক্রোল অঙ্গভঙ্গির প্রাথমিক স্পর্শ পাঠ্য <input>বা a এর সীমানার মধ্যে থাকে <textarea>, <body>তাহলে মডেলের নীচের বিষয়বস্তুটি মডেলের পরিবর্তে স্ক্রোল করা হবে। ওয়েবকিট বাগ #153856 দেখুন ।
Navbar ড্রপডাউন
.dropdown-backdropz-ইনডেক্সিংয়ের জটিলতার কারণে উপাদানটি ন্যাভিতে iOS-এ ব্যবহার করা হয় না । এইভাবে, navbars-এ ড্রপডাউন বন্ধ করতে, আপনাকে অবশ্যই সরাসরি ড্রপডাউন উপাদানে ক্লিক করতে হবে (অথবা অন্য কোনো উপাদান যা iOS এ একটি ক্লিক ইভেন্ট চালু করবে )।
ব্রাউজার জুমিং
পৃষ্ঠা জুম করা অনিবার্যভাবে বুটস্ট্র্যাপ এবং ওয়েবের বাকি অংশে কিছু উপাদানে রেন্ডারিং আর্টিফ্যাক্ট উপস্থাপন করে। সমস্যাটির উপর নির্ভর করে, আমরা এটি ঠিক করতে সক্ষম হতে পারি (প্রথমে অনুসন্ধান করুন এবং তারপরে প্রয়োজন হলে একটি সমস্যা খুলুন)। যাইহোক, আমরা এগুলি উপেক্ষা করার প্রবণতা রাখি কারণ তাদের প্রায়শই হ্যাকি ওয়ার্কঅ্যারাউন্ড ছাড়া অন্য কোনও সরাসরি সমাধান থাকে না।
যাচাইকারী
পুরানো এবং বগি ব্রাউজারগুলিকে সর্বোত্তম সম্ভাব্য অভিজ্ঞতা প্রদান করার জন্য, বুটস্ট্র্যাপ বিভিন্ন জায়গায় CSS ব্রাউজার হ্যাকগুলি ব্যবহার করে নির্দিষ্ট ব্রাউজার সংস্করণগুলিতে বিশেষ CSS টার্গেট করে যাতে ব্রাউজারে নিজেরাই বাগগুলির সাথে কাজ করা যায়। এই হ্যাকগুলি বোধগম্যভাবে CSS যাচাইকারীদের অভিযোগ করে যে সেগুলি অবৈধ। কয়েকটি জায়গায়, আমরা ব্লিডিং-এজ সিএসএস বৈশিষ্ট্যগুলিও ব্যবহার করি যেগুলি এখনও সম্পূর্ণ মানসম্মত নয়, তবে এগুলি সম্পূর্ণরূপে প্রগতিশীল উন্নতির জন্য ব্যবহার করা হয়।
এই বৈধকরণ সতর্কতাগুলি বাস্তবে কোন ব্যাপার না যেহেতু আমাদের CSS-এর নন-হ্যাকি অংশ সম্পূর্ণরূপে বৈধতা দেয় এবং হ্যাকি অংশগুলি নন-হ্যাকি অংশের সঠিক কার্যকারিতায় হস্তক্ষেপ করে না, তাই কেন আমরা ইচ্ছাকৃতভাবে এই বিশেষ সতর্কতাগুলিকে উপেক্ষা করি।
আমাদের এইচটিএমএল ডক্সে একইভাবে কিছু তুচ্ছ এবং অপ্রয়োজনীয় HTML বৈধতা সতর্কতা রয়েছে কারণ আমরা একটি নির্দিষ্ট ফায়ারফক্স বাগের জন্য একটি সমাধান অন্তর্ভুক্ত করেছি ।