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

Question

我是引导程序的新手，我有疑问。我想在同一页面中创建两个不同的下拉菜单，但设计不同（任何人都喜欢默认引导程序）。这样做最优雅的方式是什么？谢谢你的帮助。

Answer 1

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

演示

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>