javascript - 如何更改 Bootstrap 下拉列表的形式？

Question

我正在使用 Twitter Bootstrap，我想让下拉列表看起来像这样：

现在是默认情况下，如下所示：

http://i.imgur.com/0zmyZ.png

这是html代码：

     <li class="dropdown">
          <a href="#" class="dropdown-togle" data-toggle="dropdown">
          <b>Download</b>
          <b class="caret"></b></a>
          <ul class="dropdown-menu">
          <li><a href="#">Link</a></li>
            <li><a href="#">Link2</a></li>
            </ul>
            </li>

已编辑 - 示例：http: //jsfiddle.net/gnEAe/2/

我想，我应该在 dropdown.js 中覆盖一些东西还是什么？

Answer 1

好的，我已经编辑了 jsfiddle ...

首先添加类测试 where

<div class="navbar test">

你也需要像这样添加css....

.test .dropdown-menu:after, .test .dropdown-menu:before {
    border:0 !important;
}

.test .dropdown-menu {
    left:-13px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top:none !important;
}

这会给你我在说什么的基本概念...... http://jsfiddle.net/gnEAe/3/

Answer 2

事实上，您不需要在您的 javascript 中覆盖某些内容。但是你应该写一些 CSS 来设置你的列表样式。

这是样式列表的教程：

http://css.maxdesign.com.au/listutorial/