Je me demandais s’il était possible de faire uneLe menu réduit Bootstrap s'affiche sur la page plutôt que de pousser la page vers le bas? J'ai essayé de donner un indice z au menu mais avec cela, je devais faire en sorte que le menu utilise un positionnement absolu ... mauvaise idée. Je veux m'en tenir à la route empruntée par Bootstrap, mais il suffit de créer la superposition du menu au lieu d'appuyer. Des idées? Quelqu'un at-il atteint cela?
Merci
Réponses:
4 pour la réponse № 1Voici comment j'ai superposé le menu réduit. J'ai écrit ceci pour remplacer Bootstrap:
@media screen and (max-width: 768px)
{
.collapsing
{
position: absolute !important;
z-index: 20;
width: 100%;
top: 50px;
}
.collapse.in {
display: block;
position: absolute;
z-index: 20;
width: 100%;
top: 50px;
}
.navbar-collapse
{
max-height: none !important;
}
}
J'ai utilisé les requêtes multimédias parce que je voulais uniquement modifier le menu dans la vue mobile.
La classe .collapsing
est de vous assurer que vous superposez la page (z-index), que vous vous étendez sur l’écran (probablement un téléphone) et que vous êtes à 50 pixels du haut (le navbar
la classe a un min-height: 50px
).
La classe .collapse.in
réalise la même chose que ci-dessus, mais pour une fois le menu a déjà été supprimé.
Ce qui est sous .navbar-collapse
est de se débarrasser de la hauteur maximale donnée par bootstrap aux menus déroulants. J'ai eu un long menu afin qu'il ne soit peut-être pas nécessaire pour les autres.