Помощ при програмиране, отговори на въпроси / Javascript / Падащото меню Bootstrap не работи последователно - javascript, css, twitter-bootstrap, twitter-bootstrap-3

Падащото меню Bootstrap не работи последователно - javascript, css, twitter-bootstrap, twitter-bootstrap-3

Newbie на CSS / JS тук, така че моля, извинете моето невежество. Имам меню, което съдържа падащо меню. Използвам Bootstrap.js (v3.3.5) и bootstrap.css (v3.2.0) в:

..
<link href="/css/bootstrap.min.css" rel="stylesheet"/>
<!--<link href="/css/bootstrap-responsive.css" rel="stylesheet"/>-->
<!--<link href="http://bootswatch.com/united/bootstrap.min.css" rel="stylesheet"/>-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="/js/bootstrap.js"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
...
<div class="navbar navbar-default navbar-fixed-top navbar-transparent" role="navigation">
<div class="container">
<div class="navbar-header">
<img style="width:150px;height:50px;" src="/images//images/trans.png" class="img-rounded"/>
</div>
<div>
<ul class="nav pull-right">
<li sec:authorize="${!isAuthenticated()}">
<div>
<span> Welcome Guest!</span>
</div>
</li>
<li sec:authorize="${isAuthenticated()}">
<h4 th:inline="text">Hello [[${#httpServletRequest.remoteUser}]] !</h4>
</li>
</ul>
</div>
<div id="navbar-main" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a class="fa fa-home" id="showHome1" href="/"> Home</a></li>

<li class="dropdown" sec:authorize="${isAuthenticated()}">
<a href="" class="dropdown-toggle" data-toggle="dropdown"> Searches <b
class="caret"></b></a>
<ul class="dropdown-menu">

<li sec:authorize="${isAuthenticated()}">
<a class="fa fa-arrow-circle-o-up" id="upload" href="/upload"> Upload Data</a>
</li>
<li sec:authorize="${isAuthenticated()}">
<a class="fa fa-arrow-circle-o-up" id="ach" href="/ach"> A Search</a>
</li>

</ul>
</li>
<li sec:authorize="${isAuthenticated()}">
<a class="fa fa-search" id="searchT" href="/search"> Search </a>
</li>
</div>
</div>
</div>
</div

След като се регистрирам, се появява падащото меню. Щракнете върху под-елемент и тази страница се визуализира и URL адресът се променя на съответния URL адрес. Но след това, когато щракна върху падащото меню, нищо не се случва, ако не щракна вкъщи или не смени URL адреса обратно на "/".

Защо падащото меню не работи, освен ако URL адресът не е "/"?