കണ്ടെയ്നറിന്റെ വീതി ഉറപ്പിച്ച് ആദ്യ ഗ്രിഡ് സിസ്റ്റം ടയർ ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പിന്റെ പ്രതികരണശേഷി പ്രവർത്തനരഹിതമാക്കുക. കൂടുതൽ വിവരങ്ങൾക്ക് ഡോക്യുമെന്റേഷൻ വായിക്കുക .
<meta name="viewport" content="width=device-width, initial-scale=1">
മൊബൈൽ ഉപകരണങ്ങളിൽ സൈറ്റുകളുടെ സൂമിംഗ് വശം പ്രവർത്തനരഹിതമാക്കുന്ന ന്റെ അഭാവം ശ്രദ്ധിക്കുക . കൂടാതെ, ഞങ്ങൾ ഞങ്ങളുടെ കണ്ടെയ്നറിന്റെ വീതി പുനഃസജ്ജമാക്കുകയും തകരുന്നത് തടയാൻ നാവ്ബാർ മാറ്റുകയും ചെയ്തു, അടിസ്ഥാനപരമായി ഇത് നല്ലതാണ്.
ഒരു മുൻകരുതൽ എന്ന നിലയിൽ, navbar ഘടകം ഇവിടെ വളരെ ബുദ്ധിമുട്ടാണ്, അത് പ്രദർശിപ്പിക്കുന്നതിനുള്ള ശൈലികൾ വളരെ വ്യക്തവും വിശദവുമാണ്. ഡെസ്ക്ടോപ്പ് സ്റ്റൈൽ ഡിസ്പ്ലേ, ഒരാൾ ആഗ്രഹിക്കുന്ന പോലെ പെർഫോമൻസ് അല്ലെങ്കിൽ സ്ലീക്ക് അല്ലെന്ന് ഉറപ്പാക്കാനുള്ള ഓവർറൈഡുകൾ. നവബാർ ഉപയോഗിക്കുമ്പോൾ ഈ ഉദാഹരണത്തിന് മുകളിൽ നിങ്ങൾ നിർമ്മിക്കുമ്പോൾ സാധ്യതയുള്ള ഗോച്ചകൾ ഉണ്ടായേക്കാമെന്ന് അറിഞ്ഞിരിക്കുക.
നോൺ-റെസ്പോൺസീവ് ലേഔട്ടുകൾ സ്ഥിരമായ ഘടകങ്ങളുടെ ഒരു പ്രധാന പോരായ്മയെ എടുത്തുകാണിക്കുന്നു. വ്യൂപോർട്ട് പേജ് ഉള്ളടക്കത്തേക്കാൾ ഇടുങ്ങിയതാകുമ്പോൾ ഫിക്സഡ് നാവ്ബാർ പോലെയുള്ള ഏതൊരു നിശ്ചിത ഘടകവും സ്ക്രോൾ ചെയ്യാനാകില്ല. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, 970px-ന്റെ നോൺ-റെസ്പോൺസിവ് കണ്ടെയ്നർ വീതിയും 800px-ന്റെ വ്യൂപോർട്ടും നൽകിയാൽ, നിങ്ങൾ 170px ഉള്ളടക്കം മറയ്ക്കാൻ സാധ്യതയുണ്ട്.
ഡിഫോൾട്ട് ബ്രൗസർ സ്വഭാവമായതിനാൽ ഇതിന് ഒരു മാർഗവുമില്ല. ഒരേയൊരു പരിഹാരം പ്രതികരിക്കുന്ന ലേഔട്ട് അല്ലെങ്കിൽ ഒരു നോൺ-ഫിക്സഡ് എലമെന്റ് ഉപയോഗിക്കുന്നു.