Dropdown breaks when browser is resized from large to small to large again.

Created by: karlpablo

This is when enabling the responsive grid framework. I have this code:

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">

            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <a class="brand" href="#">acme</a>

            <!-- Everything here will be hidden below 940px -->
            <div class="nav-collapse">
                <ul class="nav">
                    <li><a href="#">Gallery</a></li>
                    <li><a href="#">Tools</a></li>
                </ul>

                <ul class="nav pull-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">My Account <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">My Profile</a></li>
                            <li><a href="#">My Galleries</a></li>
                            <li><a href="#">My Images</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Logout</a></li>
                </ul>


            </div>

        </div>
    </div>
</div>