0

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の何かを上書きする必要があると思いますか？

4

2 に答える 2

0

わかりました、jsfiddleを編集しました...

最初にクラステストを追加します

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

于 2012-06-29T07:18:41.517 に答える
0

実際、JavaScriptで何かを上書きする必要はありません。ただし、リストのスタイルを設定するには、いくつかのcssを作成する必要があります。

これがスタイルリストのチュートリアルです：

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

于 2012-06-29T07:18:48.240 に答える