CSS - Alinear menu en bootstrap

   
Vista:
Imágen de perfil de Jonathan

Alinear menu en bootstrap

Publicado por Jonathan (4 intervenciones) el 12/11/2015 19:31:07
Buen día.

Me gustaría saber si alguien podría ayudarme con lo siguiente.

Estoy trabajando en bootstrap para hacer una web, pero tengo un problema con la parte de encima en donde debe ir el nav-brand, por default siempre se pone a la derecha, pero me gustaría tenerlo en medio junto con los links, básicamente pasar de lo que se ve en la parte de arriba de la imagen subida a que se vea como lo de abajo.


menu-preview


Este es el codigo que tengo, espero alguien pueda ayudarme con mi problema

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div class="container-fluid sin-padding navbar-fixed-top">
    <nav class="menu_top navbar-default menu_top" role="navigation">
      <!-- Encabezado del menu -->
 
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
 
        </button>
        <a class="navbar-brand" href="#"><img src="img/puma_logo.png" /></a>
      </div>
 
 
      <!-- Cuerpo del menu -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
 
 
        <ul class="nav separacion-nav navbar-nav">
 
          <li class="excepcion"><a href="#">ABOUT US</a></li>
          <li class="dropdown excepcion">
            <a href="#" style="background-color: white;" class="dropdown-toggle" data-toggle="dropdown">SERVICES <b class="caret"></b></a>
            <ul class="submenu-vertical menu-hover dropdown-menu dropdown-sin-fondo">
              <li><a href="#">Cargo surveys</a></li>
                <li class="submenu-lista"><a onmouseover="this.style.color='black'" onmouseout="this.style.color='#989898'" style="color:#989898;" class="submenu-submenu" href="#">Loss / Damage Survey</a></li>
                  <li class="submenu-lista"><a onmouseover="this.style.color='black'" onmouseout="this.style.color='#989898'" style="color:#989898;" class="submenu-submenu" href="#">Pre-Shipment Survey</a></li>
                  <li class="submenu-lista"><a onmouseover="this.style.color='black'" onmouseout="this.style.color='#989898'" style="color:#989898;" class="submenu-submenu" href="#">Loading Survey</a></li>
                  <li class="submenu-lista"><a onmouseover="this.style.color='black'" onmouseout="this.style.color='#989898'" style="color:#989898;" class="submenu-submenu" href="#">Discharge Survey</a></li>
                  <li class="submenu-lista"><a onmouseover="this.style.color='black'" onmouseout="this.style.color='#989898'" style="color:#989898;" class="submenu-submenu" href="#">Outturn / Condition Survey</a></li>
                  <li class="submenu-lista"><a onmouseover="this.style.color='black'" onmouseout="this.style.color='#989898'" style="color:#989898;" class="submenu-submenu" href="#">Quantity Survey</a></li>
              <li><a href="#">Containers and cargo in containers surveys</a></li>
              <li><a href="#">Heavy lift, oversized and projects cargos surveys</a></li>
              <li><a href="#">Hull and machinery surveys</a></li>
              <li><a href="#">Claims handling</a></li>
            </ul>
          </li>
          <li class="excepcion"><a href="#">SPECIALIZED AUTOMOBILE SURVEYS</a></li>
          <li class="excepcion"><a href="#">CONTACT US</a></li>
          <li><a href="#"><img class="blocked" src="img/lloyd.jpg"/></a><div class="clearfix"></div></li>
 
        </ul>
      </div>
    </nav>
 
 </div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Angel Komander

Alinear menu en bootstrap

Publicado por Angel Komander (54 intervenciones) el 12/11/2015 22:24:58
trata de darle un ancho especifico al menu y centralo con margin 0 auto;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar