Questions marquées «navbar»

La partie HTML et XML qui traite directement de la navigation dans les pages



29
Navstrap Bootstrap 3 avec logo
Je souhaite utiliser la barre de navigation par défaut Bootstrap 3 avec un logo d'image au lieu de la marque de texte. Quelle est la bonne façon de procéder sans causer de problèmes avec différentes tailles d'écran? Je suppose que c'est une exigence courante, mais je n'ai pas encore vu …

21
Bootstrap 4 aligner les éléments de la barre de navigation vers la droite
Comment aligner un élément de la barre de navigation à droite? Je veux avoir le login et m'inscrire à droite. Mais tout ce que j'essaie ne semble pas fonctionner. Voici ce que j'ai essayé jusqu'à présent: <div>autour <ul>de l'attribut:style="float: right" <div>autour <ul>de l'attribut:style="text-align: right" essayé ces deux choses sur les …




12
Bootstrap 3 Navbar Collapse
Existe-t-il un moyen d'augmenter le point auquel la barre de navigation du bootstrap 3 s'effondre (c'est-à-dire pour qu'elle s'effondre en une liste déroulante sur les tablettes de portrait)? Ces deux étaient applicables au bootstrap 2 mais pas maintenant! Comment changer le seuil d'effondrement de la barre de navigation en utilisant …



9
Diminution de la hauteur de la barre de navigation bootstrap 3.0
J'essaie de diminuer la hauteur de la barre de navigation bootstrap 3.0 qui est utilisée avec un comportement supérieur fixe. Ici, j'utilise du code. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span …

6
Bootstrap 3 - Désactiver la réduction de la barre de navigation
Ceci est ma simple barre de navigation: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.