>>I have a strange situation. I found a Fiddle that has an example of Bootstrap 3 Collapse menu. The menu that collapses into a button when the browser gets to the mobile size. And then by clicking on the button the menu is opened. When I run this code in the Fiddle, it works. This is the Fiddle:
>>
>>
http://jsfiddle.net/9pruK/>>
>>But when I created a test.html with
exactly the code from this fiddle it does not work. That is, in my test.html the button is created but clicking on the button does not produce the menu. I have compared the Bootstrap.css in the Fiddle and the one I use and it is the same (the size is exactly the same). What can be causing my test.html not to work?
>
>I'm using a similar menu layout and it works as advertised :-]
>Can you post your html (I know you say it's *exactly* the same but .....)
>And are you using the same browser with your html as when running the Fiddle example ?
Yes, the same browser, IE 10. That is, I open the Fiddle link in the same IE as the test.html.
this is my test.html:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="content/bootstrap/css/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>
</body>
</html>Thank you.
"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
