3

このばかげた質問で申し訳ありませんが、navbar(navbar-inverse) にサインイン ドロップダウン ボタンを作成しましたが、ボタンをクリックすると半分が黒くなります。私はボタンをカスタマイズしませんでした。それは単純な無地の赤い危険ボタンです。原因を探していますが、何も機能していません。だから私を助けてください。

 <div class="navbar navbar-inverse" style="margin-bottom:0px">
            <div class="navbar-inner">
                <ul class="nav pull-right" style="margin-top:3px">
                    <li class="active span2"><a href="#">HOME</a></li>
                    <li><a href="#" class="span2">ABOUT</a></li>
                    <li><a href="#" class="span2">PRICING</a></li>
                    <li><a href="#" class="span2">CONTACT</a></li>
                    <li class="dropdown">                           
                        <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#">SIGN IN</button>
                        <ul class="dropdown-menu" style="margin-right:25px;margin-top:10px;width:230px">
                            <form align="center" style="text-align:center">
                                <div class="input-prepend">
                                    <span class="add-on" style="margin-top:10px"><i class="icon-user icon-black"></i></span>
                                    <input type="text" style="width:140px;margin-top:10px"/>
                                </div>
                                <input type="text" style="width:170px"/>
                            </form>
                        </ul>                   
                    </li>
                </ul>

            </div>
        </div>

クリックする前に

クリック後

4

1 に答える 1

2

この問題は、.navbar-inverse .nav li.dropdown.openand.navbar .nav li.dropdown.openクラスが原因です。

次のクラスをカスタム スタイルシートに使用して、background-colorを選択したものに変更してください。

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav   li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color:#BD362F;
color: #FFFFFF;
 }
       .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color:#BD362F;
color: #555555;
 }

あなたのためのjsfiddle ドロップダウン付きのJsfiddle

于 2013-02-19T05:28:56.380 に答える