Ваш код у меня в принципе не работает так, как должна работать навигация по теме бутстрапа.
Прежде чем кастомизировать, убедитесь что у вас просто пример работает, а потом уже меняйте/добавляйте/etc
<nav class="navbar navbar-default bg-color3">
<div class="container">
<div class="navbar-header">
<button type="button" class="round-toggle menu-collapse-btn navbar-toggle collapsed" data-toggle="collapse" data-target="#id_to_collapse" aria-expanded="false">
<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 goto" href="#"><img src="img/logo.png" height="25" alt="" data-selector="img"></a>
</div>
<div class="collapse navbar-collapse navMenuCollapse" id="id_to_collapse">
<ul class="nav navbar-nav">
<li><a href="#" >Пункт 1</a></li>
<li><a href="#" >Пункт2</a></li>
<li><a href="#" >Пункт3</a></li>
<li><a href="#" >Пункт4</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Выпадающий пункт <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Подпункт</a></li>
<li><a href="#">Еще подпункт</a></li>
<li><a href="#">Еще что-то</a></li>
<li class="divider"></li>
<li><a href="#">И еще</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>