Bootstrap水平下拉菜单？

Question

我喜欢自举下拉菜单，其中链接是水平的。不幸的是，我在获得正确的宽度方面遇到了麻烦。我似乎能够实现它的唯一方法是将最小宽度设置为某个任意数字。我想回应一下。

有什么建议吗？谢谢。 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;
}

Answer 1

您的问题已解决Horizontal List

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;
}