objet personnalisé sur Twitter Bootstrap

Question

je le CSS suivant pour un conteneur qui est supposé place au-dessus d'une image à une position donnée:

.jumbotron .container { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    top:75px; 
} 

.jumbotron .caption{ 
    position: static; 
    max-width: 750px; 
    padding: 10px; 
    margin-bottom: 200px; 
    background: rgba(51, 51, 51, 0.65) !important; 
    margin-top: 50px; 
} 

Ce qui crée ce qui suit sur le site exemple: example development site

Ce que vous regardez est l'image géante de jumbotron avec un carré opaque dessus. redimensionner l'écran vers le bas de sorte que le menu passe en mobile friendly, tout semble relativement bien, maintenant ouvrir le menu.

Le carré opaque ne descend pas avec l'image, il reste dans une position. Comment le faire bouger avec l'image et conserver sa position d'origine?

Answer 1

Ajoutez position:relative à ce jumbotron spécifique.