Onemogućite odziv Bootstrapa fiksiranjem širine kontejnera i korištenjem prvog nivoa sistema mreže. Pročitajte dokumentaciju za više informacija.
Obratite pažnju na nedostatak <meta name="viewport" content="width=device-width, initial-scale=1">
, koji onemogućava aspekt zumiranja stranica na mobilnim uređajima. Osim toga, resetirali smo širinu našeg kontejnera i promijenili navigacijsku traku da spriječimo kolaps, i u osnovi smo spremni.
Podsjećamo, komponenta navigacijske trake je prilično zeznuta jer su stilovi za njeno prikazivanje prilično specifični i detaljni. Zaobilaženja kako bi se osiguralo da prikaz stilova desktopa nije tako efikasan ili elegantan kao što bi neko želio. Samo imajte na umu da mogu postojati potencijalni problemi dok gradite na ovom primjeru kada koristite navigacijsku traku.
Nereagirajući izgledi ističu ključni nedostatak fiksnih elemenata. Bilo koja fiksna komponenta, kao što je fiksna navigacijska traka, neće se moći pomicati kada okvir za prikaz postane uži od sadržaja stranice. Drugim riječima, s obzirom na širinu kontejnera bez odziva od 970px i okvir za prikaz od 800px, potencijalno ćete sakriti 170px sadržaja.
Ne postoji način da se ovo zaobiđe jer je to podrazumevano ponašanje pretraživača. Jedino rješenje je responzivni izgled ili korištenje nefiksnog elementa.