કન્ટેનરની પહોળાઈ ફિક્સ કરીને અને પ્રથમ ગ્રીડ સિસ્ટમ ટાયરનો ઉપયોગ કરીને બુટસ્ટ્રેપની પ્રતિભાવશીલતાને અક્ષમ કરો. વધુ માહિતી માટે દસ્તાવેજીકરણ વાંચો .
ના અભાવની નોંધ લો <meta name="viewport" content="width=device-width, initial-scale=1">
, જે મોબાઇલ ઉપકરણોમાં સાઇટ્સના ઝૂમિંગ પાસાને અક્ષમ કરે છે. વધુમાં, અમે અમારા કન્ટેનરની પહોળાઈ રીસેટ કરી છે અને તૂટી પડતું અટકાવવા માટે નેવબાર બદલ્યો છે, અને મૂળભૂત રીતે તે જવા માટે સારું છે.
હેડ અપ તરીકે, નવબાર ઘટક અહીં ખૂબ જ મુશ્કેલ છે કારણ કે તેને પ્રદર્શિત કરવાની શૈલીઓ ચોક્કસ અને વિગતવાર છે. ડેસ્કટૉપ શૈલીઓનું પ્રદર્શન એ સુનિશ્ચિત કરવા માટે ઓવરરાઇડ કરે છે કે તે ઇચ્છે તેટલું પ્રભાવશાળી અથવા આકર્ષક નથી. માત્ર ધ્યાન રાખો કે જ્યારે તમે navbar નો ઉપયોગ કરો છો ત્યારે તમે આ ઉદાહરણની ટોચ પર બનાવો છો તેમ સંભવિત ગોટા હોઈ શકે છે.
બિન-પ્રતિભાવશીલ લેઆઉટ નિશ્ચિત ઘટકોની મુખ્ય ખામીને પ્રકાશિત કરે છે. કોઈપણ નિશ્ચિત ઘટક, જેમ કે નિશ્ચિત નેવબાર, જ્યારે વ્યુપોર્ટ પૃષ્ઠ સામગ્રી કરતાં સાંકડો થઈ જાય ત્યારે સ્ક્રોલ કરી શકાશે નહીં. બીજા શબ્દોમાં કહીએ તો, 970px ની બિન-પ્રતિભાવશીલ કન્ટેનર પહોળાઈ અને 800px નો વ્યુપોર્ટ જોતાં, તમે સંભવિતપણે 170px સામગ્રી છુપાવશો.
આની આસપાસ કોઈ રસ્તો નથી કારણ કે તે ડિફોલ્ટ બ્રાઉઝર વર્તન છે. એકમાત્ર ઉકેલ એ પ્રતિભાવ લેઆઉટ અથવા બિન-નિશ્ચિત તત્વનો ઉપયોગ છે.