Skip to content

Instantly share code, notes, and snippets.

@phantom42
Last active December 11, 2015 19:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save phantom42/4650916 to your computer and use it in GitHub Desktop.
Save phantom42/4650916 to your computer and use it in GitHub Desktop.
static sidebar nav menu using bootstrap credit to Andres Ilich http://stackoverflow.com/a/9351158/1147918
this creates a static sidebar with regularly scrolling content on the left side - no frames
.sidebar-nav-fixed {
position:fixed;
top:60px;
width:21.97%;
}
@media (max-width: 767px) {
.sidebar-nav-fixed {
position:static;
width:auto;
}
}
@media (max-width: 979px) {
.sidebar-nav-fixed {
top:70px;
}
}
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<div class="well sidebar-nav sidebar-nav-fixed">
...
</div><!--/.well -->
</div><!--/span-->
<div class="span9">
...
</div><!--/span-->
</div><!--/row-->
</div><!--/.fluid-container-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment