Me gustaría un bootstrap menú desplegable donde los enlaces son horizontales. Por desgracia, estoy teniendo problemas con la obtención de la anchura correcta. La única manera en que puedo parecer para lograrlo es establecer el min-width para algún número arbitrario. Me gustaría hacer esta rápida.

Bootstrap horizontal desplegable del menú?

http://jsfiddle.net/3CwzH/

CSS:

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
.dropdown-menu>li>a {
  display: inline;
}

.dropdown-menu {
  min-width: 500px;
}

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        Drop it
      </button>
  <ul class="dropdown-menu" role="menu">
    <li>
      <a href="http://google.com">Google</a>
      <a href="http://facebook.com">Facebook</a>
    </li>
  </ul>
</div>

InformationsquelleAutor No Name | 2014-07-27

1 Comentario

  1. 16

    Su Problema resuelto Lista Horizontal

    html


        <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Drop it</button>
        <ul class="dropdown-menu" role="menu">
            <li> <a href="http://google.com">Google</a>
    
            </li>
            <li> <a href="http://facebook.com">Facebook</a>
    
            </li>
        </ul>
    </div>

    css


     @import url('http://getbootstrap.com/dist/css/bootstrap.css');
     .dropdown-menu > li {
        display: inline-block;
        float:left;
    }
    .open > ul {
        display: inline-flex !important;
    }
    • Feliz de ayudar 😀 Paz
    • Trabajó bien en Chrome y Firefox pero no en IE. He encontrado otra solución aquí stackoverflow.com/questions/18616040/… Busque migli respuesta. De todos modos gracias Eirenaios!
    • bueno gracias por el enlace voy a mirar en él!
    • el problema en el navegador internet explorer era el color de fondo para dropzone.

Dejar respuesta

Please enter your comment!
Please enter your name here