<div class="container">
<div class="row row-offcanvas row-offcanvas-right">
+
<div class="col-xs-12 col-sm-9">
<p class="pull-right visible-xs">
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
</div><!--/span-->
<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
- <div class="well sidebar-nav">
- <ul class="nav">
- <li>Sidebar</li>
- <li class="active"><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li>Sidebar</li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li>Sidebar</li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- </ul>
- </div><!--/.well -->
+ <div class="list-group">
+ <a href="#" class="list-group-item active">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ <a href="#" class="list-group-item">Link</a>
+ </div>
</div><!--/span-->
</div><!--/row-->