Centrar Menu Bootstrap 3.0

[Maderos]

Hola,

Hace tiempo que no paso por aquí. Estoy teniendo un problemilla que me trae de cabeza con el Bootstrap.

Os adjunto imágenes de lo que tengo y de lo que me gustaría conseguir:

Lo que hace Bootstrap:


Lo que necesito:


No logro hacer que floten en el centro. He probado modificando el .navbar.header, el .navbar-brand, el navbar-default y el navbar-nav.

Espero, alguien pueda ayudarme!

Gracias por vuestro tiempo!

[Zeromm]

(a ver si en este caso tengo más suerte.. aunque estoy seguro de que no... )

Si nos pones el ejemplo en codepen será de mucha más ayuda que una imagen

[Maderos]

Este es el código HTML

Código:

<header>
		
	<nav class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
<a href="index.html"><img src="logo.gif"/></a>
  </div>
	   <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">INICIO</a></li>
      <li><a href="#">pepe1</a></li>  
      <li><a href="#">pepe2</a></li>
    </ul>
	   </div>
	</nav>
</header>

Luego, está el bootstrap.css

Os lo dejo en un enlace porque no me permite subir más de 10000 caracteres.

[URL="http://users.copetel.com.ar/magnale/btsp/bootstrap.css"]bootstrap.css[/URL]

[Zeromm]

Gracias por ignorar por completo lo que puse ¬¬. Si cuando lees la documentación de boostrap le haces el mismo caso que me hiciste a mi, entiendo que te de problemas xD

Si ignoras lo que pongo, yo no puedo ayudarte, que seguro que sería muy facil solucionar tú problema, pero bueno, como pasas de lo que se te pone y yo asi no puedo ayudarte, a ver si tienes más suerte con otra persona :)

[Maderos]

Flipo. Tengo más de 2mil mensajes en otro foro ayudando a mucha gente, en lo que sé hacer bien, y jamás contesté así a nadie.

Gracias de todos modos.

[Zeromm]

Pues si que flipas con facilidad si...

Si te parece una mala respuesta que diga que si no lees lo que pongo no puedo ayudarte.. pues lo siento.. pero sigo pensando que si no lees lo que pongo yo no puedo ayudarte... insisto, yo, quizás otra persona del foro si pueda.

Y sigo pensando lo mismo. Si yo tengo un problema y quiero que me ayuden, pongo todo de mi parte para que a esas personas les sea facil ayudarme, y si me dicen que haga una cosa MUY SIMPLE (que es lo que yo te comenté) para facilitar que me ayuden, yo lo voy a hacer... pero bueno, es como yo hago :)

Un saludo y espero que encuentres solución al problema :)

[pzin]

Tengamos la fiesta en paz, que es lunes.

No conozco Bootstrap, o no sé cómo funciona. Así que no sé si igual hay alguna clase que cubre eso que quieres hacer.

Pero algo así, debería de servirte:

Código CSS:

nav {
  display: table;
  margin: 0 auto;
}
 
.navbar-header,
.collapse.navbar-collapse.navbar-ex1-collapse {
  display: table-cell;
  vertical-align: middle;
}
 

Así se centra todo en principio.

Básicamente es crear el comportamiento de una tabla y dos celdas.

Tal vez para el contenedor del menú es mejor poner algún identificador, para ser más específico en el selector, para evitar aquello de usar cosas raras (tipo !important).

[Maderos]

Pzin, gracias por tu aporte. Ya estuve probando y algo de eso funciona, pero se pierde el menú cuando lo minimizo con @media.

Seguiré probando.

[pzin]

Iniciado por Maderos

Pzin, gracias por tu aporte. Ya estuve probando y algo de eso funciona, pero se pierde el menú cuando lo minimizo con @media.

Seguiré probando.

Como te digo no controlo nada Bootstrap.

Podrías resetear esos atributos que cambiaste según necesites el menú desplebable. Es decir, volver a ponerlo como Bootstrap lo pone por defecto.

[Maderos]

Mira....

...acabo de encontrar [URL="http://startbootstrap.com/logo-nav"]esto[/URL]. Es lo que estaba buscando. Gracias Pzin!

[domspro]

Iniciado por Maderos

Mira....

...acabo de encontrar [URL="http://startbootstrap.com/logo-nav"]esto[/URL]. Es lo que estaba buscando. Gracias Pzin!

ERES EL MEJOR

Tenia ese mismo problema gracias por compartir.