Skip to content Skip to sidebar Skip to footer

Bootstrap Navbar Not Loading Properly

I am new to bootstrap and I recently used one of their templates,all works well, but my navbar is not loading properly, it SHOULD look like this: What i Should be getting But it lo

Solution 1:

It looks to me like your CSS isn't loading correctly. Try adding this to your page <head> from http://getbootstrap.com/docs/3.3/getting-started/#download:

<!-- Latest compiled and minified CSS --><linkhref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"crossorigin="anonymous"><!-- Optional theme --><linkhref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"crossorigin="anonymous"><!-- Latest compiled and minified JavaScript --><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"crossorigin="anonymous"></script>

It's just a copy of Bootstrap. If that works, then you know the problem is with your local copy (if you're using one, or your CDN), if it doesn't then the problem lies elsewhere.

EDIT: I should edit to say that I've tested the code you provided on another website, and it seems to work fine.

Solution 2:

Works fine on jsfiddle:

https://jsfiddle.net/ajrvrtz6/

I used: butstrap v3.3

<!-- Latest compiled and minified CSS --><linkrel="stylesheet"href="maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/…; integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg‌​4Va+PmSTsz/K68vbdEjh‌​4u" crossorigin="anonymous"><!-- Latest compiled and minified JavaScript --><scriptsrc="maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/…; integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mC‌​WNIpG9mGCD8wGNIcPD7T‌​xa" crossorigin="anonymous"></script>

Post a Comment for "Bootstrap Navbar Not Loading Properly"