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.

Author: Adrift, 2013-09-17
Source

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;
}

Demonstração de trabalho (Bootstrap 3.3.7)

 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;
}

Demonstração

 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