Անջատեք Bootstrap-ի պատասխանունակությունը՝ ամրագրելով կոնտեյների լայնությունը և օգտագործելով առաջին ցանցային համակարգի մակարդակը: Լրացուցիչ տեղեկությունների համար կարդացեք փաստաթղթերը :
Նկատի ունեցեք ,-ի բացակայությունը <meta name="viewport" content="width=device-width, initial-scale=1">, որն անջատում է շարժական սարքերում կայքերի խոշորացման կողմը: Բացի այդ, մենք զրոյացրել ենք մեր կոնտեյների լայնությունը և փոխել նավագոտին՝ փլուզումը կանխելու համար, և հիմնականում լավ է:
Ի սկզբանե, navbar բաղադրիչն այստեղ բավականին բարդ է, քանի որ այն ցուցադրելու ոճերը բավականին կոնկրետ են և մանրամասն: Շեղումներ՝ ապահովելու համար աշխատասեղանի ոճերի ցուցադրումը ոչ այնքան կատարողական կամ խնամված, որքան կցանկանայիք: Պարզապես տեղյակ եղեք, որ կարող են լինել պոտենցիալ բեկորներ, երբ դուք կառուցում եք այս օրինակի վերևում, երբ օգտագործում եք navbar-ը:
Չպատասխանող դասավորություններն ընդգծում են ֆիքսված տարրերի հիմնական թերությունը: Ցանկացած ֆիքսված բաղադրիչ, ինչպիսին է ֆիքսված նավագոտին, ոլորելի չի լինի, երբ տեսադաշտը նեղանա, քան էջի բովանդակությունը: Այլ կերպ ասած, հաշվի առնելով 970px չպատասխանող կոնտեյների լայնությունը և 800px տեսադաշտը, դուք կարող եք թաքցնել 170px բովանդակությունը:
Սա շրջանցելու ճանապարհ չկա, քանի որ այն դիտարկիչի լռելյայն վարքագիծն է: Միակ լուծումը արձագանքող դասավորությունն է կամ ոչ ֆիքսված տարրի օգտագործումը: