Separar menús con "|"

[zanguanga]

Tal vez algo así también pueda servirle a alguien que esté buscando lo mismo.

Código CSS:

.navbar-nav > li > a {
    border-right: 1px solid #000000;
}
 
.navbar-nav > li:last-child > a {
    border-right: 0;
}
 

Iniciado por juancarsantana

Código HTML:

.navbar-nav > li > a::before  {
    margin-right: 10px;
    margin-left: 10px;
    content: " | ";
}
 
.navbar-nav > li > a::after {
    content: "";    /* el último no incluye separador */
}