Bootstrap Navbar Collapse Issue
Bootstrap 2.1.1 seems to have an issue in Chrome and Firefox. The first time you expand a collapsed menu in responsive mode, it sets a fixed height.
by kalmarsh80
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/js/bootstrap.min.js"></script>
<div class="navbar navbar-fixed-top"><div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-bypass="" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
<span class="brand hidden-desktop">HELLO</span>
<div class="nav-collapse">
<ul class="nav">
<li><a href="#"><i class="icon-home"></i> Home</a></li>
<li><a href="#enrollments/start">
Link 1</a></li>
<li><a href="#enrollments">
Link 2</a></li>
<li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown">
Dropdown
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#groups">
Link 1</a></li>
<li><a href="#accounts">
Link 2</a></li>
<li><a href="#workspaces">
Link 3</a></li>
<li><a href="#licenses">
Link 4</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href=""><i class="icon-user"></i><span class="hidden-tablet"> User...