Оневозможете ја реакцијата на Bootstrap со фиксирање на ширината на контејнерот и користење на првото ниво на системски систем. Прочитајте ја документацијата за повеќе информации.
Забележете го недостатокот на <meta name="viewport" content="width=device-width, initial-scale=1">
, што го оневозможува аспектот на зумирање на страниците во мобилните уреди. Дополнително, ја ресетиравме ширината на нашиот контејнер и ја сменивме лентата за навигација за да спречиме колапс и во основа сме добри.
Како нагоре, компонентата на навигација е прилично незгодна овде со тоа што стиловите за нејзино прикажување се прилично специфични и детални. Прекинувањата за да се осигури дека приказот на стиловите на работната површина не е толку изведен или елегантен како што некој би сакал. Само имајте на ум дека може да има потенцијални газови додека се надоврзувате на овој пример кога ја користите лентата за навигација.
Распоредовите што не реагираат го истакнуваат клучниот недостаток на фиксните елементи. Секоја фиксна компонента, како што е фиксната лента за навигација, нема да може да се скролува кога приказот ќе стане потесен од содржината на страницата. Со други зборови, со оглед на ширината на контејнерот што не одговара од 970 пиксели и приказот на погледот од 800 пиксели, потенцијално ќе сокриете содржина од 170 пиксели.
Не постои начин да се заобиколи ова бидејќи е стандардно однесување на прелистувачот. Единственото решение е одговорен распоред или користење на нефиксен елемент.