>>>You need script references to jquery.js and bootstrap.js. for the animation - if you look in Fiddle jquery is set in the 'Framework and Extensions' section and bootstrap.min.js in 'External Resources'
>>
>>I added references to jquery.js and bootstrap.js and still the menu is not working. Do you know if it matters in which order the .js libraries should be in the script? Although I think I tried many different ways. And should .css reference be before or after the .js?
>>Thank you
>>UPDATE: I put the .css and .js references in exactly the same order as they appear in the Fiddle but to no avail.
>
>I think you may need jquery before the bootstrap.js. I used your HTML with added css/script references as below. Your paths/versions will obviously be different: - adjust as ness (and check that they are loaded in the browser).
<!DOCTYPE html>
><html>
><head>
> <title></title>
> <link href="/ang/styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
></head>
><body>
> <div class="navbar-wrapper">
> <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
> <div class="container">
> <div class="navbar-header">
> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
> <span class="sr-only">Toggle navigation</span>
> <span class="icon-bar"></span>
> <span class="icon-bar"></span>
> <span class="icon-bar"></span>
> </button>
>
> <a class="navbar-brand" href="index.html">Project name</a>
> </div>
> <div class="collapse navbar-collapse" id="nav-collapse">
> <ul class="nav navbar-nav">
> <li class="active"><a href="index.html">Home</a></li>
> <li><a href="about.html">About</a></li>
> <li><a href="work.html">Work</a></li>
> </ul>
> <ul class="nav navbar-nav navbar-right">
> <li><a href="#modal-contact-form" data-toggle="modal" data-target="#modal-contact-form">Contact</a></li>
> </ul>
> </div><!--/.navbar-collapse -->
> </div>
> </div>
> </div>
> <script src="/ang/scripts/core/jquery-2.1.0.min.js"></script>
> <script src="/ang/scripts/core/bootstrap.min.js"></script>
></body>
></html>
You said that the above test.html worked for you. I am looking at your directories /ang/scripts/... and so on. Where did you put the test.html? in the root or in a subfolder? That is, do I understand correctly that "ang/scripts" absolute path is "X:/ang/scripts/....?
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham
