Hi - I'm using this basic code, along with responsive.css, to make a menu
which shows as a strip on the top above 980px, and a vertical list (with a
"burger" menu button) under 980px.
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar
content -->
<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>
<!-- nav-collapse is what makes it get hidden below 940 -->
<div class="nav-collapse">
<ul class="nav">
<li ><a href="#">Home2</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar-inner -->
</div>
This works fine, but like all bootstrap examples I can find anywhere, the
mobile menu slides down from the top. Can anyone explain how I can make it
slide in from the left instead? I'm looking for the more standard "facebook
style" effect rather than having it come down from the top.
Thanks for any info you can provide. - Harriet
--
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.
