Acabei de visitar esta página http://www.elmastudio.de/ e me perguntei se é possível construir o colapso da barra lateral esquerda com o Bootstrap 3.
Código para recolher a barra lateral a partir da parte superior (apenas telefone):
<button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse">
<span class="sr-only">Sidebar</span>
<span class="glyphicon glyphicon-check"></span>
</button>
A própria barra lateral tem a classe hidden-xs. Ele é removido com o seguinte js
$('.sidebar-toggle').click(function(){
$('#sidebar').removeClass('hidden-xs');
});
Se você clicar no botão, ele alterna a barra lateral do topo. É ótimo ver a barra lateral se comportar como o site acima mostra. Qualquer ajuda é apreciada!