Bootstrap horizontal déroulant-menu?

Je voudrais un bootstrap menu déroulant où les liens sont à l'horizontale. Malheureusement, j'ai de la difficulté à obtenir la largeur correcte. La seule façon que je peux sembler d'y arriver est de définir le min-width certains nombre arbitraire. J'aimerais le faire de manière responsable.

Des suggestions? Merci. http://jsfiddle.net/3CwzH/

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>
      <a href="http://facebook.com">Facebook</a>
    </li>
  </ul>
</div>

CSS:

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.dropdown-menu > li > a {
  display: inline;
 }

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

OriginalL'auteur No Name | 2014-07-27

  1. 16

    Votre Problème résolu Liste Horizontale

    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;
}
    Merci! Parfait!
    Heureux de vous aider 😀 Peace
    Travaillé belle dans Chrome et Firefox mais pas sous IE. J'ai trouvé une autre solution ici stackoverflow.com/questions/18616040/... Regardez pour migli réponse. En tout cas merci Eirenaios!
    ok merci pour le lien je vais regarder à ça!
    le problème dans le navigateur IE était la couleur d'arrière-plan pour dropzone.

    OriginalL'auteur eirenaios