Comment créer un menu latéral gauche collant en utilisant bootstrap 3?
je veux créer un menu à gauche-barre collante avec bootstrap 3 comme:
http://getbootstrap.com/getting-started/
j'ai lu la documentation donnée http://getbootstrap.com/javascript/#affix
j'ai essayer avec .affix mais le résultat est zéro.
mise à Jour: @Skelly,
Merci pour votre aimable exemple. et oui, je veux comme votre exemple. Je téléchargerais votre exemple html, mais après le téléchargement la barre de côté du fichier html ne fonctionnait pas là.
3 réponses
Bootstrap 3
voici un exemple de barre latérale de gauche:
http://bootply.com/90936 (similaire à l'Amorçage docs)
L'astuce est d'utiliser le affix composant avec un peu de CSS position:
#sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
EDIT- un Autre exemple avec le pied de page et collez-bas
Bootstrap 4
le Le composant Affix a été supprimé dans Bootstrap 4, donc pour créer une barre latérale collante, vous pouvez utiliser un 3ème partie Apposer plugin comme ceci Bootstrap 4 collant barre latérale exemple, ou sticky-top classeexpliqué dans cette réponse.
Vous pouvez également essayer d'utiliser un Polyfill comme Fixe Collante. Surtout quand vous utilisez Bootstrap4 le affix composant n'est plus inclus:
lâché le plugin Affix jQuery. Nous vous recommandons d'utiliser une position: polyfill à la place.
j'ai utilisé de cette façon dans mon code
$(function(){
$('.block').affix();
})