There is a sidebar template you can try. It's easy to use and has the option to toggle it. It also toggles automatically if the browser window reaches a minimum size.
http://startbootstrap.com/template-overviews/simple-sidebar/[
^]
I have used it for my own projects and will look like this:
<div id="wrapper" class="toggled">
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
</li>
<li>
<a href="#">Dashboard</a>
</li>
<li>
<a href="#">Shortcuts</a>
</li>
<li>
<a href="#">Overview</a>
</li>
<li>
<a href="#">Events</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>