Mettre en œuvre div glissement vertical utilisant Twitter Bootstrap

Question

J'ai une structure de base sur le langage HTML comme:

<div class="container-fluid"> 

    <div class="row-fluid"> 

    <div class="span2"> 
     <!--Sidebar content--> 
    </div> 

    <div class="span10"> 
     <!--Body content--> 
    </div> 

    </div> 

</div> 

Je voudrais ajouter un bouton à bascule qui permet de masquer/afficher la barre latérale (diapositive serait verticalement). Si la barre latérale est cachée, je voudrais que le contenu utilise la totalité de la zone (qui serait probablement span12). Si la barre latérale est affichée, tout reviendra.

Mon approche serait, je vais basculer la classe span10 et span12 de la zone de contenu du corps en fonction de l'état de la barre latérale.

Y a-t-il une meilleure façon de le faire?

merci!

Answer 1

Stack Overflow a converti ma réponse à un commentaire et je vais poster une réponse plus complète. Span2 sera maintenant réduit par défaut et si vous cliquez sur le bouton, il se développera verticalement.