Bootstrap 3 submenu problem


#1

http://flatondesigns.nl/flaton_new/

Im trying to create this submenu with bootstrap (latest version) and when I click on the link it dissapears completely


 <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

            <a href="#" class="navbar-brand"><img src="images/fd_logo.png" class="img-responsive" alt="Home - Flaton Designs"></a>
    </div>
    <div id="navbarCollapse" class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">Home</a></li>

            <li class="dropdown"><a role="menuitem" data-toggle="dropdown" class="dropdown-toggle" href="#">Diensten <b class="caret"></b></a>
		<ul role="menu" class="dropdown-menu">
                    <li><a href="#">Inbox</a></li>
		</ul></li>

            <li><a href="#">Ons werk</a></li>
	<li><a href="#">Vragen</a></li>	
	<li><a href="#">Prijs</a></li>
	<li><a href="#">Hosting</a></li>
	<li><a href="#">Contact</a></li>
        </ul>
    </div>
</nav>  

What am I doing wrong?


#2

“It seems that Bootstrap 3 is no longer support for this ability”


#3

Check here : http://www.bootply.com/92442