IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[BootStrap 4] Navbar responsive


Sujet :

Responsive design en CSS avec Bootstrap

  1. #1
    Membre confirmé Avatar de lesitadom39
    Homme Profil pro
    Retraité
    Inscrit en
    Août 2015
    Messages
    112
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : France, Jura (Franche Comté)

    Informations professionnelles :
    Activité : Retraité
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2015
    Messages : 112
    Par défaut [BootStrap 4] Navbar responsive
    Bonsoir,
    J'ai un menu vertical dans un site qui se présente comme ça:
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <aside>
    	<div class="row float-md-right">
    		 <nav class="navbar navbar-light navbar-expand-sm px-0 flex-row flex-nowrap ">
    			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarWEX" aria-controls="navbarWEX" aria-expanded="false" aria-label="Toggle navigation">
    			<span class="navbar-toggler-icon"></span>
    			</button>
    			 <div class="navbar-collapse collapse"  id="navbarWEX">
    				<div class="nav flex-sm-column flex-column">
    					<a class="nav-item nav-link active" href="#">Accueil</a>
    					<a href="#" class="nav-item nav-link ">La commune et ses Élus</a>
    					<a href="#" class="nav-item nav-link ">Délibérations du Conseil</a>
    					<a href="#" class="nav-item nav-link">Réglementation</a>
    					<a href="#" class="nav-item nav-link">Démarches administratives</a>
    					<a href="#" class="nav-item nav-link">le PLU</a>
    					<a href="#" class="nav-item nav-link">Vie Économique</a>
    					<a href="#" class="nav-item nav-link">Vie associative</a>
    					<a href="#" class="nav-item nav-link">Infos utiles</a>
    					<a href="#" class="nav-item nav-link">Pour nous joindre</a>
    				</div>
    			</div>
    		</nav>
    	</div>
    </aside>
    Le seul problème vient sur un écran de portable où le "hamburger" déplie bien les différents menus, mais ne les replie pas au clic.
    Qui a une idée?
    merci d'avance.

  2. #2
    Membre confirmé

    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2014
    Messages
    55
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2014
    Messages : 55
    Par défaut
    Bonsoir,
    je vois assez d'imbrications pour juste un menu un
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <nav> <ul><li>...</li></ul></nav>
    aurait suffit je pense et en bootstrap il faut inclure toute la page dans une balise div avec la classe container-fluid j'espère que tu l'as fait puisque je vois un tas de truc bootstrap qui n'en font pas.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. CSS et responsive bootstrap
    Par romflux dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 25/08/2016, 21h34
  2. Comment changer les couleurs d'une navbar de bootstrap ?
    Par fredericmarcel dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/11/2015, 17h16
  3. [Bootstrap] Less et responsive design
    Par GyZmoO dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 01/03/2013, 11h49
  4. [CSS 3] Bootstrap : fullscreen et navbar
    Par NainTernaute dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 10/08/2012, 13h44
  5. Bootstrap twitter et navbar ?
    Par Ttom89 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 23/04/2012, 10h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo