In my application I have a nav list in the left column:
<div class="container">
<div class="row">
<div class="span4">
<ul class="nav nav-list">
<li class="nav-header">List header</li>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Library</a></li>
</ul>
</div>
<div class="span8">
<div class="hero-unit">
<p>Hello hello!</p>
</div>
</div>
</div>
</div>
I have the responsive design feature enabled, so on a small screen the nav
list floats to the top in its own row.
However, in my application the nav list is an optional extra, useful when
there's space for it, but it's not needed to use the application. So on a
small screen I'd prefer to hide the nav list entirely.
I can add "visible-desktop" to the span div...
<div class="span4 visible-desktop">
but of course this messes up the layout since the content column is still
span8.
I can do this programmatically by choosing to display one layout or the
other with JavaScript, so it's not a big deal, but I wanted to check if
there was a way to do this in Bootstrap that I had missed.
Thanks!
Andrew
--
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 twitter-bootstrap+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
