107 votes

L'effondrement latéral avec Bootstrap 3

J'ai visité cette page http://www.elmastudio.de/ et je me demandais si il est possible de construire la barre latérale gauche de l'effondrement avec Bootstrap 3.

Code de l'effondrement de la barre latérale à partir du haut (téléphone uniquement):

<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>

Encadré lui-même a l'hidden-xs classe. Il est supprimé à la suite de js

$('.sidebar-toggle').click(function(){
     $('#sidebar').removeClass('hidden-xs');            
});

Si vous cliquez sur le bouton, il permet de basculer la barre latérale à partir du haut. Génial pour voir l'encadré de se comporter comme le site web ci-dessus montre. Toute aide est appréciée!

128voto

Skelly Points 27772

Oui, c'est possible. Cet exemple devrait vous aider à vous aider à démarrer..

http://bootply.com/88026

Ce Facebook-modèle de style est une autre option..

http://www.bootstrapzero.com/bootstrap-template/facebook

89voto

Chris W. Points 624

Il y a un autre utile starter modèle ici, pour toute personne intéressée.

http://startbootstrap.com/templates/simple-sidebar.html

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X