javascript - Twitter Bootstrap - 自定义下拉菜单的最佳方式

Question

我是 bootstrap 的新手，我有疑问。 我想在同一页面中创建两个不同的下拉菜单，但设计不同(任何人都喜欢默认 Bootstrap )。这样做最优雅的方法是什么？感谢您的帮助。

Answer 1

我只想添加一个具有自己样式的不同类...然后将它们直接添加到各自 div 上的类。

DEMO

CSS

/* please don't name your classes like this */

.left-dd {
    background-color: blue;
    font-size: 2em;
    font-weight: bold;
    line-height: 2em;
    color: white;
}

.right-dd {
    background-color: red;
    font-family: comic-sans;
    font-size: 0.5em;

}

HTML

<ul class="dropdown-menu right-dd" role="menu" aria-labelledby="dLabel">
      <li>Some dropdown content</li>
      <li>Some dropdown content</li>
      <li>Some dropdown content</li>
      <li>Some dropdown content</li>
      <li>Some dropdown content</li>
  </ul>