web-dev-qa-db-fra.com

Bootstrap 3 - Div de contenu défilable

J'utilise Bootstrap 3 et j'essaie de créer un contenu défilable DIV. J'ai une grille avec une navigation à gauche et une barre supérieure et au milieu j'ai le contenu qui devrait faire défiler.

Cela fonctionne lorsque j'utilise une hauteur fixe sur la div de contenu ... mais je veux utiliser 100% à la place.

<div  class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;">
some content...
</div>

CSS:

html,body
{
 height:100%;
 overflow:hidden;
}

Comment pourrais-je faire fonctionner cela avec la hauteur: 100%;

Merci!

12
Per Aranda

Vous pouvez ajouter pré-défilement classe pour le div que vous souhaitez faire défiler.

Si vous recherchez le . Css il y a un max-height mais vous ne pouvez pas le modifier. Vous êtes donc sûr que cela maximisera la page dans la fenêtre pour cette valeur maximale.

J'espère que cela aide, j'ai utilisé la même chose pour une page avec des divs défilantes.

24
hugocabral