બ્રાઉઝર્સ અને ઉપકરણો
બ્રાઉઝર્સ અને ઉપકરણો વિશે જાણો, આધુનિકથી જૂના સુધી, જે બુટસ્ટ્રેપ દ્વારા સમર્થિત છે, જેમાં દરેક માટે જાણીતા ક્વિર્ક અને બગ્સનો સમાવેશ થાય છે.
સપોર્ટેડ બ્રાઉઝર્સ
બુટસ્ટ્રેપ તમામ મુખ્ય બ્રાઉઝર્સ અને પ્લેટફોર્મ્સના નવીનતમ, સ્થિર પ્રકાશનોને સપોર્ટ કરે છે.
વૈકલ્પિક બ્રાઉઝર્સ કે જે વેબકિટ, બ્લિંક અથવા ગેકોના નવીનતમ સંસ્કરણનો ઉપયોગ કરે છે, પછી ભલે તે સીધા અથવા પ્લેટફોર્મના વેબ વ્યુ 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 નો ઉપયોગ કરીએ છીએ, જે આ બ્રાઉઝર સંસ્કરણોને સંચાલિત કરવા માટે બ્રાઉઝરલિસ્ટનો ઉપયોગ કરે છે. આ ટૂલ્સને તમારા પ્રોજેક્ટ્સમાં કેવી રીતે એકીકૃત કરવા તે માટે તેમના દસ્તાવેજોની સલાહ લો.
મોબાઇલ ઉપકરણો
સામાન્ય રીતે કહીએ તો, બુટસ્ટ્રેપ દરેક મુખ્ય પ્લેટફોર્મના ડિફોલ્ટ બ્રાઉઝર્સના નવીનતમ સંસ્કરણોને સપોર્ટ કરે છે. નોંધ કરો કે પ્રોક્સી બ્રાઉઝર્��� (જેમ કે ઓપેરા મિની, ઓપેરા મોબાઈલનો ટર્બો મોડ, યુસી બ્રાઉઝર મિની, એમેઝોન સિલ્ક) સપોર્ટેડ નથી.
| ક્રોમ | ફાયરફોક્સ | સફારી | એન્ડ્રોઇડ બ્રાઉઝર અને વેબવ્યુ | |
|---|---|---|---|---|
| એન્ડ્રોઇડ | આધારભૂત | આધારભૂત | - | v6.0+ |
| iOS | આધારભૂત | આધારભૂત | આધારભૂત | - |
ડેસ્કટોપ બ્રાઉઝર્સ
એ જ રીતે, મોટાભાગના ડેસ્કટોપ બ્રાઉઝર્સના નવીનતમ સંસ્કરણો સપોર્ટેડ છે.
| ક્રોમ | ફાયરફોક્સ | માઈક્રોસોફ્ટ એજ | ઓપેરા | સફારી | |
|---|---|---|---|---|---|
| મેક | આધારભૂત | આધારભૂત | આધારભૂત | આધારભૂત | આધારભૂત |
| વિન્ડોઝ | આધારભૂત | આધારભૂત | આધારભૂત | આધારભૂત | - |
ફાયરફોક્સ માટે, નવીનતમ સામાન્ય સ્થિર પ્રકાશન ઉપરાંત, અમે ફાયરફોક્સના નવીનતમ વિસ્તૃત સપોર્ટ રીલીઝ (ESR) સંસ્કરણને પણ સમર્થન આપીએ છીએ.
બિનસત્તાવાર રીતે, બુટસ્ટ્રેપ એ ક્રોમિયમ અને લિનક્સ માટે ક્રોમ અને Linux માટે ફાયરફોક્સમાં સારી રીતે દેખાવું અને વર્તવું જોઈએ, જો કે તે સત્તાવાર રીતે સમર્થિત નથી.
ઈન્ટરનેટ એક્સપ્લોરર
ઇન્ટરનેટ એક્સપ્લોરર સપોર્ટેડ નથી. જો તમને ઇન્ટરનેટ એક્સપ્લોરર સપોર્ટની જરૂર હોય, તો કૃપા કરીને બુટસ્ટ્રેપ v4 નો ઉપયોગ કરો.
મોબાઇલ પર મોડલ અને ડ્રોપડાઉન
ઓવરફ્લો અને સ્ક્રોલિંગ
overflow: hidden;આઇઓએસ અને એન્ડ્રોઇડમાં એલિમેન્ટ માટે સપોર્ટ <body>તદ્દન મર્યાદિત છે. તે માટે, જ્યારે તમે તેમાંથી કોઈપણ ઉપકરણના બ્રાઉઝરમાં મોડલની ઉપર અથવા નીચેથી સ્ક્રોલ કરો છો, ત્યારે <body>સામગ્રી સ્ક્રોલ કરવાનું શરૂ કરશે. જુઓ ક્રોમ બગ #175502 (Chrome v40 માં સુધારેલ) અને WebKit બગ #153852 .
iOS ટેક્સ્ટ ફીલ્ડ્સ અને સ્ક્રોલિંગ
<input>iOS 9.2 મુજબ, જ્યારે મોડલ ખુલ્લું હોય, તો જો સ્ક્રોલ હાવભાવનો પ્રારંભિક સ્પર્શ ટેક્સ્ટ અથવા a ની સીમામાં હોય, તો મોડલની <textarea>નીચેની <body>સામગ્રીને મોડલને બદલે સ્ક્રોલ કરવામાં આવશે. વેબકિટ બગ #153856 જુઓ .
નવબાર ડ્રોપડાઉન
z- ઇન્ડેક્સીંગની .dropdown-backdropજટિલતાને કારણે નેવમાં iOS પર તત્વનો ઉપયોગ થતો નથી. આમ, નેવબાર્સમાં ડ્રોપડાઉન બંધ કરવા માટે, તમારે ડ્રોપડાઉન એલિમેન્ટ (અથવા કોઈપણ અન્ય ઘટક જે iOS માં ક્લિક ઇવેન્ટને ફાયર કરશે ) પર સીધું જ ક્લિક કરવું પડશે.
બ્રાઉઝર ઝૂમિંગ
પૃષ્ઠ ઝૂમિંગ અનિવાર્યપણે કેટલાક ઘટકોમાં, બૂટસ્ટ્રેપ અને બાકીના વેબ બંનેમાં રેન્ડરિંગ આર્ટિફેક્ટ રજૂ કરે છે. સમસ્યાના આધારે, અમે તેને ઠીક કરી શકીએ છીએ (પહેલા શોધો અને પછી જો જરૂર હોય તો સમસ્યા ખોલો). જો કે, અમે આને અવગણીએ છીએ કારણ કે તેમની પાસે હેકી વર્કઅરાઉન્ડ સિવાય કોઈ સીધો ઉકેલ નથી.
માન્યકર્તાઓ
In order to provide the best possible experience to old and buggy browsers, Bootstrap uses CSS browser hacks in several places to target special CSS to certain browser versions in order to work around bugs in the browsers themselves. These hacks understandably cause CSS validators to complain that they are invalid. In a couple places, we also use bleeding-edge CSS features that aren’t yet fully standardized, but these are used purely for progressive enhancement.
These validation warnings don’t matter in practice since the non-hacky portion of our CSS does fully validate and the hacky portions don’t interfere with the proper functioning of the non-hacky portion, hence why we deliberately ignore these particular warnings.
ચોક્કસ ફાયરફોક્સ બગ માટેના ઉકેલના અમારા સમાવેશને કારણે અમારા HTML દસ્તાવેજોમાં પણ કેટલીક તુચ્છ અને અસંગત HTML માન્યતા ચેતવણીઓ છે .