Twitter引導程序：按鈕樣式在下拉菜單上不起作用

Question

                 <nav class="nav-collapse user">
                    <div class="user-info pull-right">
                        <img src="http://placekitten.com/35/35" alt="User avatar">
                        <div class="btn-group">                         
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                <div><strong>John Pixel</strong>Administrator</div>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" style="padding:15px 15px 0 15px;">
                                <form method="POST" style="background:none;">
                                    <input type="text" name="username" placeholder="<?= lang('username') ?>">
                                    <input type="password" name="username" placeholder="<?= lang('password') ?>">
                                    <input class="btn-default" type="submit" value="Log In">
                                </form>
                            </ul>
                        </div>
                    </div>
                </nav>

按鈕樣式僅在下拉菜單上不起作用。 我該如何解決？

提前致謝。

Answer 1

該類必須是btn btn-default 。 所有Bootstrap按鈕的基類是btn ，然后輔助類btn-default告訴它具有默認樣式。 還有btn-primary ， btn-success ， btn-info ， btn-warning ， btn-danger和btn-link 。

在此處了解更多信息： http : //getbootstrap.com/css/#buttons