¿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.