When using a navbar with class btn btn-navbar and viewing the page on a 
small screen such as an iPad portrait mode, I want to collapse the menu 
back, after the user clicks on a menu item.

How to do that?



<div class="navbar">
                <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>

                        <h1 id="logo">My Logo</h1>

                        <div class="nav-collapse collapse">
                            <nav id="nav" role="navigation">
                                <ul>
                                    <li><a href="#home">home</a></li>
                                    <li ><a href="#what">what</a></li>
                                    <li><a href="#why">why</a></li>
                                    <li><a href="#who">who</a></li>
                                    <li><a href="#contact">contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>

-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to