¿Cómo puedo centrar una imagen de marca con otros elementos en la barra de navegación de Bootstrap 3.2?

En primer lugar, esto es lo que estoy tratando de lograr:

Ejemplo http://www.n2media.com/img/header-example.jpg

Espero tener este aspecto cuando estoy en una pantalla grande, pero luego vuelvo a la barra de navegación de Bootstrap predeterminada cuando estoy en el móvil:

Ejemplo2 http://www.n2media.com/img/header-example-mobile.jpg

Pude agrandar el logo siguiendoeste ejemplo

También he encontrado muchas maneras de centrar los enlaces simples. El que estaba usando era este:

.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
}

Sin embargo, no he podido obtener elnavbar-brand elemento para centrar entre todos los enlaces simples. Incluso si lo hago, no estoy seguro de cómo puedo excluirlo de los elementos colapsantes para pantallas pequeñas.

Respuestas a la pregunta(2)

Su respuesta a la pregunta