Databases
StackOverflow2013
Postsdbo
POBootstrap Starter template navbar not working
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap Starter template navbar not working
    text
    copied!<p>I am trying to run Bootstrap latest version starter template for my custom site. But couldnt get it working. It works well when run from the examples folder of the source. But when I moved to the bootstrap folder it stopped working. Couldnt find what I missed.</p> <p>My current source</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta name="description" content=""&gt; &lt;meta name="author" content=""&gt; &lt;link rel="shortcut icon" href="../../docs-assets/ico/favicon.png"&gt; &lt;title&gt;Starter Template for Bootstrap&lt;/title&gt; &lt;!-- Bootstrap core CSS --&gt; &lt;link href="css/bootstrap.css" rel="stylesheet"&gt; &lt;!-- Custom styles for this template --&gt; &lt;link href="starter-template.css" rel="stylesheet"&gt; &lt;!-- Just for debugging purposes. Don't actually copy this line! --&gt; &lt;!--[if lt IE 9]&gt;&lt;script src="../../docs-assets/js/ie8-responsive-file-warning.js"&gt;&lt;/script&gt;&lt;![endif]--&gt; &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt; &lt;!--[if lt IE 9]&gt; &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt; &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt; &lt;div class="container"&gt; &lt;div class="navbar-header"&gt; &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&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;Project name&lt;/a&gt; &lt;/div&gt; &lt;div class="collapse navbar-collapse"&gt; &lt;ul class="nav navbar-nav"&gt; &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!--/.nav-collapse --&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="container"&gt; &lt;div class="starter-template"&gt; &lt;h1&gt;Bootstrap starter template&lt;/h1&gt; &lt;p class="lead"&gt;Use this document as a way to quickly start any new project.&lt;br&gt; All you get is this text and a mostly barebones HTML document.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- /.container --&gt; &lt;!-- Bootstrap core JavaScript ================================================== --&gt; &lt;!-- Placed at the end of the document so the pages load faster --&gt; &lt;script src="https://code.jquery.com/jquery-1.10.2.min.js"&gt;&lt;/script&gt; &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>The output is</p> <p><img src="https://i.stack.imgur.com/mAp4C.jpg" alt="enter image description here"></p> <p><strong>UPDATE:</strong></p> <p>Current folder hierarchy is index.html and starter-template.css is in the same folder and along with it I have css,img,js folders</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload