Itens Da Barra De Navegação Do Centro De Inicialização
Eu sei que consigo empurrar os itens navbar para a esquerda e para a direita, mas como é que os centrava?
text-align:center;
Não funciona nem nenhuma das outras coisas em que pensei.
15
3 answers
Terá de modificar algumas regras CSS para o componente Navbar. Então adicione uma classe center
a nav.navbar
e as seguintes regras:
.navbar.center .navbar-inner {
text-align: center;
}
.navbar.center .navbar-inner .nav {
display:inline-block;
float: none;
}
35
Author: letiagoalves, 2018-02-03 14:29:29
Para se estender sobre a resposta seleccionada, a adição de um alinhamento vertical superior impedirá que o espaço apareça sob os itens de navegação.
.navbar.center .navbar-inner {
text-align: center;
}
.navbar.center .navbar-inner .nav {
display:inline-block;
float: none;
vertical-align: top;
}
8
Author: Joe Fusco, 2015-07-16 16:57:47
Pode usar
text-align:center;
Para um elemento de embalagem para centrar as suas malaguetas, mas só se as malaguetas tiverem
display: inline;
/* or */
display: inline-block;
Outra opção, se você sabe a largura do elemento que deseja centrar, é
display: block;
width: /* something */;
margin: 0 auto;
3
Author: Oriol, 2013-09-16 22:40:18