Question

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

Answer 1

我只想添加一个不同的类，使用它自己的样式......然后将它们直接添加到各自divs的类中。

<强> 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>

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

1 个答案: