Bootstrap NavBar stopped working <pre><code> &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Home Page&lt;/title&gt; &lt;!-- Latest compiled and minified CSS --&gt; &lt;link rel="stylesheet" href="main.css"/&gt; &lt;link rel="stylesheet" href="style.css"/&gt; &lt;!-- Latest compiled and minified CSS --&gt; &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt; &lt;!-- Optional theme --&gt; &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"&gt; &lt;header class ="navbar"&gt; &lt;div class="container navbar-inverse"&gt; &lt;nav role="navigation"&gt; &lt;div class="container-fluid"&gt; &lt;!-- Brand and toggle get grouped for better mobile display --&gt; &lt;div class="navbar-header"&gt; &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt; &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; &lt;a class="navbar-brand" href="#"&gt;CASES4U&lt;/a&gt; &lt;/div&gt; &lt;!-- Collect the nav links, forms, and other content for toggling --&gt; &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt; &lt;ul class="nav navbar-nav navbar-right"&gt; &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;iPhone &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt; &lt;ul class="dropdown-menu" role="menu"&gt; &lt;li&gt;&lt;a href="#"&gt;iPhone 3g/3gs&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;iPhone 4/4s&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;iPhone 5/5s&lt;/a&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;iPod&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Samsung &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt; &lt;ul class="dropdown-menu" role="menu"&gt; &lt;li&gt;&lt;a href="#"&gt;Galaxy S 3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Galaxy S 4&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Galaxy S 5&lt;/a&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Galaxy Tab&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;HTC &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt; &lt;ul class="dropdown-menu" role="menu"&gt; &lt;li&gt;&lt;a href="#"&gt;HTC Desire&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;HTC Desire HD&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;HTC One&lt;/a&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;HTC One M8&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt; &lt;/div&gt;&lt;!-- /.container-fluid --&gt; &lt;/nav&gt; &lt;/div&gt; &lt;/header&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 class="cases-of-the-week"&gt;&lt;center&gt;Cases Of The Week&lt;/center&gt;&lt;/h1&gt; &lt;div class="container-row"&gt; &lt;div class="row"&gt; &lt;div class="col-sm-4 col-xs-12"&gt; &lt;div class="panel "&gt; &lt;div class="panel-heading"&gt;&lt;center&gt;iPhone Case&lt;/center&gt;&lt;/div&gt; &lt;div class="panel-body "&gt; &lt;div class="iPhone-Case-1"&gt; &lt;img src="iPhone-Case-Of-The-Week.png"width="260" height="290" /&gt;&lt;/div&gt; &lt;b&gt;&lt;u&gt;&lt;center&gt;XTREME iPhone Case (iPhone 5/5s Case)&lt;/center&gt;&lt;/u&gt;&lt;/b&gt; It may look like fluorescent armour, but that’s because it kinda is. The XTREME iPhone Case is packed with Reactive Protection Technology, made of XRD foam which stiffens on impact and absorbs 90% of the impact. There’s also a rigid outer polycarbonate shell and an inner shock-absorbing TPE insert, which combine to make this one of the safest havens for your iPhone 5s on the planet. &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="col-sm-4 col-xs-6"&gt;&lt;div class="panel "&gt; &lt;div class="panel-heading"&gt;&lt;center&gt;Samsung Case&lt;/center&gt;&lt;/div&gt; &lt;div class="panel-body "&gt; &lt;div class="Samsung-Case-1"&gt; &lt;img src="Samsung-Case-Of-The-Week.png" width="260" height="290" /&gt;&lt;/div&gt; &lt;b&gt;&lt;u&gt;&lt;center&gt;Spigen SGP Slim Armour Case (Samsung Galaxy S4 Case)&lt;/center&gt;&lt;/u&gt;&lt;/b&gt; The Slim Armour case for the Samsung Galaxy S4 has been specifically designed and crafted to offer amazing protection despite being incredibly slim and beautiful in appearance. The TPU case features improved shock absorption on the top, bottom and corners to effectively protect the Galaxy against external impact. &lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;div class="col-sm-4 col-xs-6"&gt;&lt;div class="panel "&gt; &lt;div class="panel-heading"&gt;&lt;center&gt;HTC Case&lt;/center&gt;&lt;/div&gt; &lt;div class="panel-body "&gt; &lt;div class="HTC-Case-1"&gt; &lt;img src="HTC-Case-Of-The-Week.png"width="260" height="290" /&gt;&lt;/div&gt; &lt;b&gt;&lt;u&gt;&lt;center&gt;Tough HTC One Case (HTC One Case)&lt;/center&gt;&lt;/u&gt;&lt;/b&gt; You know the feeling. The heartbreak that immediately sets in as your phone smashes to the ground. Flashes of panic, pools of sweat and buckets of tears overwhelm your body. Protect yourself from future stress with the Tough case, providing dual layers of protection. Built to withstand sudden drops and accidental falls, the Tough case for the HTC One is the epitome of protection. &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;footer&gt;&lt;center&gt;CASES4U Inc&lt;/center&gt;&lt;/footer&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I recently started using bootstrap and it was going well. I was learning alot and i started using the navbar they have. I used it and it was going well i even made a quick phone case website everything was going well. Until i checked on my file and saw that my website had changed. I dont understand it was fine a day ago and i didnt touch anything. <a href="http://gyazo.com/3226c2fc4608c6e5e0bea746f8946101" rel="nofollow">What website looks like now</a></p>